mirror/webgui
1
0
Fork 0
mirror of https://github.com/unraid/webgui.git synced 2026-01-07 01:59:52 -06:00
Code Issues Packages Projects Releases Wiki Activity

refactor: DashStats page css variables

Browse Source
This commit is contained in:
Zack Spear
2024-05-31 14:44:46 -07:00
parent 6b8f926161
commit e3dee2c68c
5 changed files with 19 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
emhttp/plugins/dynamix/sheets/DashStats-azure.css
View File

@@ -1,8 +0,0 @@
div.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(580px, 1fr));
column-gap: 20px;
}
div.pie::after {
background-color: #d7dbdd;
}

8
emhttp/plugins/dynamix/sheets/DashStats-black.css
View File

@@ -1,8 +0,0 @@
div.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(610px, 1fr));
column-gap: 20px;
}
div.pie::after {
background-color: #262626;
}

8
emhttp/plugins/dynamix/sheets/DashStats-gray.css
View File

@@ -1,8 +0,0 @@
div.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(580px, 1fr));
column-gap: 20px;
}
div.pie::after {
background-color: #212f3d;
}

8
emhttp/plugins/dynamix/sheets/DashStats-white.css
View File

@@ -1,8 +0,0 @@
div.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(610px, 1fr));
column-gap: 20px;
}
div.pie::after {
background-color: #f7f9f9;
}

19
emhttp/plugins/dynamix/sheets/DashStats.css
View File

@@ -1,3 +1,16 @@
:root {
--dashstats-pie-after-bg-color: #262626;
}
.Theme--gray:root {
--dashstats-pie-after-bg-color: #212f3d;
}
.Theme--azure:root {
--dashstats-pie-after-bg-color: #d7dbdd;
}
.Theme--white:root {
--dashstats-pie-after-bg-color: #f7f9f9;
}
div.frame {
padding-top: 14px;
padding-bottom: 160px;
@@ -351,6 +364,11 @@ table.snapshot {
.switch-button-background {
margin-top: 4px !important;
}
div.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(610px, 1fr));
column-gap: 20px;
}
div.pie {
height: 92px;
width: 92px;
@@ -365,6 +383,7 @@ div.pie::after {
height: 68px;
width: 68px;
border-radius: 50%;
background-color: var(--dashstats-pie-after-bg-color);
}
div.pie span {
z-index: 2;