denis/peliprint
denis/peliprint
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Experimenting with custom buttons

Browse source 
I'm now experimenting with custom button colors and styles.
This commit is contained in:
purple 2023-02-08 10:47:00 +01:00
parent aecfa5038d
commit aa4603cd92
2 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
public/assets/extensions/blueprint/blueprint.style.css
View file

@ -17,3 +17,8 @@ tag[red] {background-color:#ff4040;}
tag[green] {background-color:#32fb62;} tag[green] {background-color:#32fb62;}
tag[blue] {background-color:#288afb;} tag[blue] {background-color:#288afb;}
[ext-title]{display:flex; flex-direction:row; align-items:center;} [ext-title]{display:flex; flex-direction:row; align-items:center;}
.btn-transparent {
background-color: #00000000;
border-color: #00000000;
}

14
resources/views/admin/extensions/blueprint/index.blade.php
View file

@ -15,5 +15,19 @@
@endsection @endsection
@section('content') @section('content')
<div class="row">
<div class="col-xs-6 col-sm-3 text-center">
<a href=""><button class="btn btn-transparent" style="width:100%;"><i class='bx bx-trash-alt'></i> placeholder </button></a>
</div>
<div class="col-xs-6 col-sm-3 text-center">
<a href="https://pterodactyl.io"><button class="btn btn-clear" style="width:100%;"><i class="fa fa-fw fa-link"></i> placeholder </button></a>
</div>
<div class="col-xs-6 col-sm-3 text-center">
<a href="https://github.com/pterodactyl/panel"><button class="btn btn-clear" style="width:100%;"><i class="fa fa-fw fa-support"></i> placeholder </button></a>
</div>
<div class="col-xs-6 col-sm-3 text-center">
<a href=""><button class="btn btn-clear" style="width:100%;"><i class="fa fa-fw fa-money"></i> placeholder </button></a>
</div>
</div>
<p>placeholder</p> <p>placeholder</p>
@endsection @endsection