pcwvanbeers/assetmgt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CMXX - Updated styling for TSS

Browse Source
This commit is contained in:
“VeLiTi”
2024-12-11 14:21:26 +01:00
parent 53d8f7f546
commit 9f36ce3a17
3 changed files with 24 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/functions.php
View File

@@ -246,7 +246,7 @@ echo <<<EOT
</head> </head>
<body class="admin"> <body class="admin">
<aside class="responsive-width-100 responsive-hidden"> <aside class="responsive-width-100 responsive-hidden">
<h1>$site_name</h1> <h1></h1>
$admin_links $admin_links
<div class="footer"> <div class="footer">
$site_name_footer $site_name_footer

BIN
assets/images/tss_logo_new.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

55
style/admin.css
View File

@@ -12,7 +12,7 @@ body {
position: relative; position: relative;
min-height: 100%; min-height: 100%;
color: #555555; color: #555555;
background-color: #ebeced; background-color: #fff;
margin: 0; margin: 0;
} }
@@ -31,7 +31,7 @@ header {
z-index: 999; z-index: 999;
width: 100%; width: 100%;
height: 55px; height: 55px;
background-color: #fff; background-color: #F8f9fa;
box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.15);
} }
@@ -111,24 +111,16 @@ aside {
width: 260px; width: 260px;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
background-color: #26292f; background-color: #F8f9fa;
overflow-y: auto; overflow-y: auto;
} }
aside h1 { aside h1 {
display: inline-flex; background: url("/assets/images/tss_logo_new.png");
background-color: #26292f; background-position: center center;
width: 100%; background-repeat: no-repeat;
height: 55px; background-size: contain;
min-height: 55px; padding: 30px;
color: #fff;
padding: 0;
margin: 0;
font-weight: 600;
font-size: 14px;
align-items: center;
padding: 0 20px;
justify-content: center;
} }
aside > a { aside > a {
@@ -145,10 +137,10 @@ aside > a i {
} }
aside > a:hover, aside > a.selected { aside > a:hover, aside > a.selected {
background-color: #383d48; background-color: #005655;
color: #fff; color: #fff;
border-left: 3px solid #4a79b4;
padding: 15px 17px; padding: 15px 17px;
border-radius: 5px;
} }
aside > a.selected + .sub { aside > a.selected + .sub {
@@ -166,7 +158,7 @@ aside > a .note {
aside .sub { aside .sub {
display: none; display: none;
flex-flow: column; flex-flow: column;
background-color: #1d1f24; background-color: #F8f9fa;
padding: 13px 0; padding: 13px 0;
} }
@@ -184,7 +176,7 @@ aside .sub a span {
} }
aside .sub a:hover, aside .sub a.selected { aside .sub a:hover, aside .sub a.selected {
color: #fff; color: #2a374a;
} }
aside .footer { aside .footer {
@@ -192,15 +184,14 @@ aside .footer {
flex-flow: column; flex-flow: column;
margin-top: auto; margin-top: auto;
padding: 15px; padding: 15px;
border-top: 1px solid #21242a;
font-size: 14px; font-size: 14px;
color: #5a5b5e; color: #afb1b5;
} }
aside .footer a { aside .footer a {
text-decoration: none; text-decoration: none;
font-size: 14px; font-size: 14px;
color: #707276; color: #afb1b5;
padding-bottom: 2px; padding-bottom: 2px;
} }
@@ -260,7 +251,7 @@ main .content-title .title i {
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color: #489c80; background-color: #005655;
color: #fff; color: #fff;
width: 52px; width: 52px;
height: 42px; height: 42px;
@@ -541,8 +532,8 @@ main .content-block .block-header i {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 50%; border-radius: 50%;
background-color: #d5e7fa; background-color: #005655;
color: #6e94ba; color: #fff;
margin-right: 10px; margin-right: 10px;
} }
@@ -629,11 +620,11 @@ main .dashboard .stat > i {
margin: 30px 25px 0 0; margin: 30px 25px 0 0;
align-items: center; align-items: center;
font-size: 18px; font-size: 18px;
height: 50px; height: 40px;
width: 50px; width: 40px;
border-radius: 50%; border-radius: 5px;
background-color: #d5e7fa; background-color: #005655;
color: #6e94ba; color: #fff;
} }
main .dashboard .stat .data { main .dashboard .stat .data {
@@ -1244,7 +1235,7 @@ background-color: #13b368;
appearance: none; appearance: none;
cursor: pointer; cursor: pointer;
border: 0; border: 0;
background: #4a79b4; background: #005655;
color: #FFFFFF; color: #FFFFFF;
padding: 0 14px; padding: 0 14px;
font-size: 14px; font-size: 14px;