Updated Files

Renamed the admin subheader gradient, added onto the new panel.
This commit is contained in:
tersiswilvin 2023-03-04 01:10:54 -08:00
parent d240dd8d51
commit 85f660ba77
5 changed files with 74 additions and 153 deletions

View File

@ -51,8 +51,7 @@ h6 {
body.EnableNewPanel {
background: #c3c5c9;
color: #3d3c3b;
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
font: 16px Arial,Helvetica,sans-serif;
font-weight: 300;
height: 100%;
width: 100%;
@ -135,23 +134,52 @@ body.Segoe-Font {
right: 10px;
display: inline-block;
position: absolute;
-webkit-transition: top .125s ease-in-out, right .125s ease-in-out, left .125s ease-in-out;
-moz-transition: top .125s ease-in-out, right .125s ease-in-out, left .125s ease-in-out;
-ms-transition: top .125s ease-in-out, right .125s ease-in-out, left .125s ease-in-out;
-o-transition: top .125s ease-in-out, right .125s ease-in-out, left .125s ease-in-out;
transition: top .125s ease-in-out, right .125s ease-in-out, left .125s ease-in-out;
}
.Y23R .Admin-Navigation .Header .usernamecontainer {
.Admin-Navigation .Header .usernamecontainer:active {
top: 11px;
right: 8px;
}
.APURO2 .Admin-Navigation .Header .usernamecontainer {
left: 10px;
right: auto;
}
.usernamecontainer .usernamelink {
color: #3d3c3b;
-webkit-transition: color .125s ease-in-out, box-shadow .125s ease-in-out;
-moz-transition: color .125s ease-in-out, box-shadow .125s ease-in-out;
-ms-transition: color .125s ease-in-out, box-shadow .125s ease-in-out;
-o-transition: color .125s ease-in-out, box-shadow .125s ease-in-out;
transition: color .125s ease-in-out, box-shadow .125s ease-in-out;
.APURO2 .Admin-Navigation .Header .usernamecontainer:active {
Left: 12px;
}
.usernamecontainer .usernamelink:hover {
.usernamecontainer .stext {
color: #3d3c3b;
text-shadow: 2px 1px 1px #767A73;
-webkit-transition: text-shadow .125s ease-in-out;
-moz-transition: text-shadow .125s ease-in-out;
-ms-transition: text-shadow .125s ease-in-out;
-o-transition: text-shadow .125s ease-in-out;
transition: text-shadow .125s ease-in-out;
display: none;
}
.usernamecontainer .clickabletext {
-webkit-transition: color .125s ease-in-out, box-shadow .125s ease-in-out, text-shadow .125s ease-in-out;
-moz-transition: color .125s ease-in-out, box-shadow .125s ease-in-out, text-shadow .125s ease-in-out;
-ms-transition: color .125s ease-in-out, box-shadow .125s ease-in-out, text-shadow .125s ease-in-out;
-o-transition: color .125s ease-in-out, box-shadow .125s ease-in-out, text-shadow .125s ease-in-out;
transition: color .125s ease-in-out, box-shadow .125s ease-in-out, text-shadow .125s ease-in-out;
display: unset;
}
.APURO2 .usernamecontainer .stext {
display: unset;
}
.usernamecontainer .clickabletext:hover {
color: #efebec;
box-shadow: 0 2px 0 0 #efebec;
}
.usernamecontainer .clickabletext:active, .usernamecontainer:active .stext {
text-shadow: 0 0 0 #b7b9ba;
box-shadow: 0 0 0 0 transparent;
}
.Admin-Navigation .SubHeader {
background: #a0a0a0;
width: 100%;
@ -168,7 +196,7 @@ body.Segoe-Font {
}
.Admin-Navigation .SubHeader::after {
content: '';
background-image: url(/img/ABX-Header.png);
background-image: url(/img/ABXAdmin-SubHeader.png);
opacity: .5;
width: 100%;
height: 25px;
@ -216,18 +244,6 @@ body.Segoe-Font {
margin: 0 0 5px;
}
.AdminContainer .H-12sB, .AdminContainer .H-16sB, .AdminContainer .H-20sB, .AdminContainer .H-24sB, .AdminContainer .H-28sB, .AdminContainer .H-32sB {
display: block;
width: 100%;
text-align: center;
}
body.Y23R .AdminContainer .SH-8B07, body:not(.Y23R) .S-Ia06 .SSH-kR0q, body:not(.Y23R) .AdminContainer .UH-vXb0, .no-Header .Admin-Navigation .Header, .no-Nav .Admin-Navigation {
display: none;
}
body:not(.Y23R) .AdminContainer .SH-8B07, body.Y23R .AdminContainer .UH-vXb0 {
margin: 15px 0;
}
.no-Nav .AdminContainer {
margin: 0 auto;
}
@ -238,12 +254,12 @@ body:not(.Y23R) .AdminContainer .SH-8B07, body.Y23R .AdminContainer .UH-vXb0 {
height: 25px;
}
.hidden {
[hidden] {
display: none !important;
visibility: hidden !important;
}
.NewAdminPanel .noselect {
[noselect] {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
@ -254,55 +270,7 @@ body:not(.Y23R) .AdminContainer .SH-8B07, body.Y23R .AdminContainer .UH-vXb0 {
/*/=={ Status }==/*/
.AdminContainer .S-Ia06 {
width: 720px;
height: 100%;
background: #929497;
background: rgba(0, 0, 0, 0.25);
border: 1px dashed #e4780d;
margin: auto;
padding: 15px;
}
.AdminContainer .SSH-kR0q {
padding-bottom: 15px;
}
.S-5mjl {
width: 100%;
height: 100%;
display: inline-block;
}
.S-aS25 {
width: 25%;
height: auto;
text-align: center;
float: left;
}
.S-aS50 {
width: 50%;
height: auto;
text-align: center;
float: left;
}
.S-5mjl:nth-child(3)::before {
content: '';
background: #3d3c3b;
background: linear-gradient(90deg, #3d3c3b00 0, #3d3c3b 50%, #3d3c3b00 100%);
display: block;
margin: 10px auto;
width: 75%;
height: 2px;
}
.S-H1sm {
color: #4f4e4d;
font-weight: 600;
margin-bottom: 5px;
}
@media (max-width: 752px) {
.AdminContainer .S-Ia06 {
width: unset;
}
}
/*/=={ Buttons }==/*/

View File

Before

Width:  |  Height:  |  Size: 171 B

After

Width:  |  Height:  |  Size: 171 B

View File

@ -68,60 +68,20 @@
@endsection
@section('AdminPanel')
<div class="NewAdminPanel">
<nav class="Admin-Navigation">
<div class="Header">
<a href="{{ route('home') }}" title="ARCHBLOX Home" class="PanelLogo"></a>
<span class="SubSlogan noselect">Admin Panel</span>
<div class="usernamecontainer">
<a class="usernamelink" href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a>
</div>
</div>
<ul class="SubHeader">
<li class="sub-menu">
<a class="menu" href="{{ route('admin_users') }}">Users</a>
</li>
<li class="sub-menu">
<a class="menu" href="{{ route('admin_index') }}" active>Status</a>
</li>
<li class="sub-menu">
<a class="menu" href="{{ route('admin_tree') }}">Invites</a>
</li>
</ul>
</nav>
<div class="AdminContainer">
<h4 class="H-20sB UH-vXb0">Welcome {{ Auth::user()->name }}</h4>
<h2 class="H-32sB SH-8B07">Status</h2>
<div class="S-Ia06">
<h3 class="H-24sB SSH-kR0q">Status</h3>
<div class="S-5mjl">
<div class="S-aS25">
<h5 class="S-H1sm">Registered</h5>
<h5 class="S-H2sm">{{ App\Models\User::count() }}</h5>
</div>
<div class="S-aS25">
<h5 class="S-H1sm">Admins</h5>
<h5 class="S-H2sm">{{ App\Models\User::where('admin', true)->count() }}</h5>
</div>
<div class="S-aS25">
<h5 class="S-H1sm">Online Past Day</h5>
<h5 class="S-H2sm">{{ App\Models\User::where('last_seen', '>', Carbon\Carbon::now()->subDay()->toDateTimeString())->count(); }}</h5>
</div>
<div class="S-aS25">
<h5 class="S-H1sm">Online</h5>
<h5 class="S-H2sm">{{ App\Models\User::where('last_seen', '>', Carbon\Carbon::now()->subMinute()->toDateTimeString())->count(); }}</h5>
</div>
</div>
<div class="S-5mjl">
<div class="S-aS50">
<h5 class="S-H1sm">Invite Key(s)</h5>
<h5 class="S-H2sm">{{ App\Models\InviteKey::count() }}</h5>
</div>
<div class="S-aS50">
<h5 class="S-H1sm">Unused Invite Key(s)</h5>
<h5 class="S-H2sm">{{ App\Models\InviteKey::where('active', true)->count() }}</h5>
</div>
<nav class="Admin-Navigation">
<div class="Header">
<a href="{{ route('home') }}" title="ARCHBLOX Home" class="PanelLogo"></a>
<span class="SubSlogan" noselect>Admin Panel</span>
<div class="usernamecontainer">
<a class="stext" noselect>Hi </a>
<a class="stext clickabletext" href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a>
</div>
</div>
</div>
<ul class="SubHeader">
<li class="sub-menu"><a class="menu" href="{{ route('admin_users') }}">Users</a></li>
<li class="sub-menu"><a class="menu" href="{{ route('admin_index') }}" active>Dashboard</a></li>
<li class="sub-menu"><a class="menu" href="{{ route('admin_tree') }}">Invites</a></li>
</ul>
</nav>
</div>
@endsection

View File

@ -68,24 +68,22 @@
<nav class="Admin-Navigation">
<div class="Header">
<a href="{{ route('home') }}" title="ARCHBLOX Home" class="PanelLogo"></a>
<span class="SubSlogan noselect">Admin Panel</span>
<div class="usernamecontainer">
<a class="usernamelink" href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a>
</div>
<span class="SubSlogan" noselect>Admin Panel</span>
<div class="usernamecontainer">
<a class="stext" noselect>Hi </a>
<a class="stext clickabletext" href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a>
</div>
</div>
<ul class="SubHeader">
<li class="sub-menu">
<a class="menu" href="{{ route('admin_users') }}">Users</a>
</li>
<li class="sub-menu">
<a class="menu" href="{{ route('admin_index') }}">Status</a>
</li>
<li class="sub-menu">
<a class="menu" href="{{ route('admin_tree') }}" active>Invites</a>
</li>
<li class="sub-menu"><a class="menu" href="{{ route('admin_users') }}">Users</a></li>
<li class="sub-menu"><a class="menu" href="{{ route('admin_index') }}">Dashboard</a></li>
<li class="sub-menu"><a class="menu" href="{{ route('admin_tree') }}" active>Invites</a></li>
</ul>
</nav>
<div class="AdminContainer">
<div class="AUL-3o92">
</div>
</div>
</div>
@endsection

View File

@ -274,21 +274,16 @@
<nav class="Admin-Navigation">
<div class="Header">
<a href="{{ route('home') }}" title="ARCHBLOX Home" class="PanelLogo"></a>
<span class="SubSlogan noselect">Admin Panel</span>
<div class="usernamecontainer">
<a class="usernamelink" href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a>
</div>
<span class="SubSlogan" noselect>Admin Panel</span>
<div class="usernamecontainer">
<a class="stext" noselect>Hi </a>
<a class="stext clickabletext" href="@guest {{ route('login') }} @else {{ route('profile', Auth::id()) }} @endguest">{{ Auth::user()->name }}</a>
</div>
</div>
<ul class="SubHeader">
<li class="sub-menu">
<a class="menu" href="{{ route('admin_users') }}" active>Users</a>
</li>
<li class="sub-menu">
<a class="menu" href="{{ route('admin_index') }}">Status</a>
</li>
<li class="sub-menu">
<a class="menu" href="{{ route('admin_tree') }}">Invites</a>
</li>
<li class="sub-menu"><a class="menu" href="{{ route('admin_users') }}" active>Users</a></li>
<li class="sub-menu"><a class="menu" href="{{ route('admin_index') }}">Dashboard</a></li>
<li class="sub-menu"><a class="menu" href="{{ route('admin_tree') }}">Invites</a></li>
</ul>
</nav>
<div class="AdminContainer">