feat admin: Actually start working on making extension buttons look good.

This commit is contained in:
purple 2024-05-03 11:52:12 +02:00
parent 5b3415c010
commit 1b0c1c045a
3 changed files with 17 additions and 4 deletions

View file

@ -55,6 +55,14 @@ tag[blue] {background-color:#288afb;}
}
.extension-btn-image2 {
position: absolute;
height: 53%;
left: 28px;
z-index: 4;
top: 13px;
border-radius: 9px;
}
.extension-btn-image {
width:auto;
height:100%;
@ -63,13 +71,15 @@ tag[blue] {background-color:#288afb;}
border-bottom-left-radius:7px;
float: left;
margin-right:10px;
filter: blur(10px);
-webkit-filter: blur(10px);
}
.extension-btn-text {
font-size: 20px;
margin:0;
text-align:left;
position: relative;
left: -30px;
left: -15px;
z-index: 2;
width: calc( 100% - 20px );
font-weight: 600;
@ -82,7 +92,7 @@ tag[blue] {background-color:#288afb;}
text-align:left;
margin:0;
position: relative;
left: -30px;
left: -15px;
z-index: 2;
width: calc( 100% - 20px );
overflow: clip;
@ -116,7 +126,7 @@ tag[blue] {background-color:#288afb;}
aspect-ratio: 1/1;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
background: linear-gradient(90deg, rgba(31, 41, 51, 0.35) 0%, rgb(31, 41, 51) 100%);
background: linear-gradient(90deg, rgba(31, 41, 51, 0.35) 0%, rgb(31, 41, 51) 95%);
}
.byte-img {

View file

@ -19,6 +19,7 @@
<a href="{{ route('admin.extensions.blueprint.index') }}">
<button class="btn extension-btn" style="width:100%;margin-bottom:17px;">
<div class="extension-btn-overlay"></div>
<img src="/assets/extensions/blueprint/logo.jpg" alt="logo" class="extension-btn-image2"/>
<img src="/assets/extensions/blueprint/logo.jpg" alt="logo" class="extension-btn-image"/>
<p class="extension-btn-text">Blueprint</p>
<p class="extension-btn-version">{{ $PlaceholderService->version() }}</p>

View file

@ -3,7 +3,9 @@
<a href="{{ route('admin.extensions.'.$EXTENSION_ID.'.index') }}">
<button class="btn extension-btn" style="width:100%;margin-bottom:17px;">
<div class="extension-btn-overlay"></div>
<img src="{{ $EXTENSION_ICON }}" alt="logo" class="extension-btn-image"><p class="extension-btn-text">{{ $EXTENSION_NAME }}</p>
<img src="{{ $EXTENSION_ICON }}" alt="logo" class="extension-btn-image2"/>
<img src="{{ $EXTENSION_ICON }}" alt="logo" class="extension-btn-image"/>
<p class="extension-btn-text">{{ $EXTENSION_NAME }}</p>
<p class="extension-btn-version">{{ $EXTENSION_VERSION }}</p>
<i class="bi bi-arrow-right-short" style="font-size: 34px;position: absolute;top: 15px;right: 30px;"></i>
</button>