Experimenting with custom buttons

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

View file

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

View file

@ -15,5 +15,19 @@
@endsection
@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>
@endsection