feat admin
: Actually start working on making extension buttons look good.
This commit is contained in:
parent
5b3415c010
commit
1b0c1c045a
3 changed files with 17 additions and 4 deletions
|
@ -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 {
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue