Added a button row

The admin page for Blueprint now has a placeholder button row with custom injected css.
This commit is contained in:
purple 2023-02-08 11:26:12 +01:00
parent aa4603cd92
commit e54d67d43a
2 changed files with 14 additions and 7 deletions

View file

@ -18,7 +18,14 @@ 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 { .btn-gray {
background-color: #00000000; background-color: #33404d;
border-color: #00000000; color: #cad1d8;
border-color: #606d7b;
}
.btn-gray:hover {
background-color: #29343e;
color: #cad1d8;
border-color: #606d7b;
} }

View file

@ -17,16 +17,16 @@
@section('content') @section('content')
<div class="row"> <div class="row">
<div class="col-xs-6 col-sm-3 text-center"> <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> <a href=""><button class="btn btn-gray" style="width:100%;"><i class='bx bx-link'></i> placeholder </button></a>
</div> </div>
<div class="col-xs-6 col-sm-3 text-center"> <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> <a href=""><button class="btn btn-gray" style="width:100%;"><i class='bx bx-link'></i> placeholder </button></a>
</div> </div>
<div class="col-xs-6 col-sm-3 text-center"> <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> <a href=""><button class="btn btn-gray" style="width:100%;"><i class='bx bx-link'></i> placeholder </button></a>
</div> </div>
<div class="col-xs-6 col-sm-3 text-center"> <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> <a href=""><button class="btn btn-gray" style="width:100%;"><i class='bx bx-link'></i> placeholder </button></a>
</div> </div>
</div> </div>
<p>placeholder</p> <p>placeholder</p>