mirror/webgui
1
0
Fork 0
mirror of https://github.com/unraid/webgui.git synced 2026-04-29 06:19:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

Enhanced styling

Browse Source
This commit is contained in:
bergware
2023-12-03 15:59:19 +01:00
parent b1f3de12c7
commit 49b43beaac
5 changed files with 73 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
emhttp/plugins/dynamix/DashStats.page
+3 -3
View File
@@ -181,7 +181,7 @@ switch ($display['theme']) {
<div class='frame'>
<div class='grid'>
<div class='tile' id='tile1'>
<table id='db-box1' class='share_status dashboard'>
<table id='db-box1' class='dashboard'>
<tbody class='system'>
<tr><td><i class='icon-performance f32'></i><div class='section'><?=_var($var,'NAME')?><br>
<span><?=_var($var,'COMMENT')?></span><span id="_current_time_" class="head_time"></span><br></div>
@@ -389,7 +389,7 @@ echo "</td></tr>";
</div>
<div class='tile' id='tile2'>
<table id='db-box2' class='share_status dashboard'>
<table id='db-box2' class='dashboard'>
<?if ($dockerd):?>
<tbody id='docker_view' title="_(Docker Containers)_" data="noApps()">
<tr><td><i class='icon-docker f32'></i><div class='section'>_(Docker Containers)_<br>
@@ -545,7 +545,7 @@ if (!$group) {
</div>
<div class='tile' id='tile3'>
<table id='db-box3' class='share_status dashboard'>
<table id='db-box3' class='dashboard'>
<tbody title="_(Parity Information)_">
<tr><td><i class='icon-health f32'></i><div class='section'>_(Parity)_<br>
<span class='parity'></span><br></div>
emhttp/plugins/dynamix/styles/default-azure.css
+18 -18
View File
@@ -141,24 +141,24 @@ table.share_status tbody tr.warn{color:#e68a00}
table.share_status.fixed tr td:nth-child(n+2){min-width:39px;font-size:1.1rem;text-align:center;padding:0}
table.share_status.table{margin-top:36px}
table.share_status.table tr>td{width:50%}
table.share_status.dashboard{margin:0;border:none;background-color:#d7dbdd}
table.share_status.dashboard tbody{border:1px solid #cacfd2}
table.share_status.dashboard tr:first-child td{height:3.6rem;padding-top:12px;font-size:1.6rem;font-weight:bold;letter-spacing:1.8px;text-transform:none;vertical-align:top}
table.share_status.dashboard tr:last-child td{padding-bottom:20px}
table.share_status.dashboard tr.last td{padding-bottom:20px}
table.share_status.dashboard tr.header td{padding-bottom:10px;color:#9794a0}
table.share_status.dashboard tr{border:none}
table.share_status.dashboard td{line-height:normal;padding:3px 10px;border:none!important}
table.share_status.dashboard td.stopgap{height:20px!important;line-height:20px!important;padding:0!important;background-color:#e4e2e4}
table.share_status.dashboard td.vpn{font-size:1.1rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
table.share_status.dashboard td div.section{display:inline-block;vertical-align:top;margin-left:4px;font-size:1.2rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
table.share_status.dashboard td div.section span{font-weight:normal;text-transform:none;letter-spacing:0;white-space:normal}
table.share_status.dashboard td span.info{float:right;margin-right:20px;font-size:1.2rem;font-weight:normal;text-transform:none;letter-spacing:0}
table.share_status.dashboard td span.info.title{font-weight:bold}
table.share_status.dashboard td span.load{display:inline-block;width:38px;text-align:right}
table.share_status.dashboard td span.finish{float:right;margin-right:24px}
table.share_status.dashboard i.control{float:right;font-size:1.4rem!important;margin:0 3px 0 0;cursor:pointer;color:#d7dbdd;background-color:rgba(0,0,0,0.3);padding:2px;border-radius:5px}
table.share_status.dashboard .usage-disk.sys{height:auto}
table.dashboard{margin:0;border:none;background-color:#d7dbdd}
table.dashboard tbody{border:1px solid #cacfd2}
table.dashboard tr:first-child td{height:3.6rem;padding-top:12px;font-size:1.6rem;font-weight:bold;letter-spacing:1.8px;text-transform:none;vertical-align:top}
table.dashboard tr:last-child td{padding-bottom:20px}
table.dashboard tr.last td{padding-bottom:20px}
table.dashboard tr.header td{padding-bottom:10px;color:#9794a0}
table.dashboard tr{border:none}
table.dashboard td{line-height:normal;padding:3px 10px;border:none!important}
table.dashboard td.stopgap{height:20px!important;line-height:20px!important;padding:0!important;background-color:#e4e2e4}
table.dashboard td.vpn{font-size:1.1rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
table.dashboard td div.section{display:inline-block;vertical-align:top;margin-left:4px;font-size:1.2rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
table.dashboard td div.section span{font-weight:normal;text-transform:none;letter-spacing:0;white-space:normal}
table.dashboard td span.info{float:right;margin-right:20px;font-size:1.2rem;font-weight:normal;text-transform:none;letter-spacing:0}
table.dashboard td span.info.title{font-weight:bold}
table.dashboard td span.load{display:inline-block;width:38px;text-align:right}
table.dashboard td span.finish{float:right;margin-right:24px}
table.dashboard i.control{float:right;font-size:1.4rem!important;margin:0 3px 0 0;cursor:pointer;color:#d7dbdd;background-color:rgba(0,0,0,0.3);padding:2px;border-radius:5px}
table.dashboard .usage-disk.sys{height:auto}
.dashboard-sortable{background-color:#e4e2e4}
tr.alert{color:#f0000c;background-color:#ff9e9e}
tr.warn{color:#e68a00;background-color:#feefb3}
emhttp/plugins/dynamix/styles/default-black.css
+17 -17
View File
@@ -137,23 +137,23 @@ table.share_status tbody tr.warn{color:#e68a00}
table.share_status.fixed tr td:nth-child(n+2){min-width:39px;font-size:1.1rem;text-align:center;padding:0}
table.share_status.table{margin-top:36px}
table.share_status.table tr>td{width:50%}
table.share_status.dashboard{margin:0;border:none;background-color:#262626}
table.share_status.dashboard tbody{border:1px solid #333333}
table.share_status.dashboard tr:first-child td{height:3.6rem;padding-top:12px;font-size:1.6rem;font-weight:bold;letter-spacing:1.8px;text-transform:none;vertical-align:top}
table.share_status.dashboard tr:nth-child(even){background-color:transparent}
table.share_status.dashboard tr:last-child td{padding-bottom:20px}
table.share_status.dashboard tr.last td{padding-bottom:20px}
table.share_status.dashboard tr.header td{padding-bottom:10px}
table.share_status.dashboard td{padding:3px 10px}
table.share_status.dashboard td.stopgap{height:20px!important;line-height:20px!important;padding:0!important;background-color:#1c1b1b}
table.share_status.dashboard td.vpn{font-size:1.1rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
table.share_status.dashboard td div.section{display:inline-block;vertical-align:top;margin-left:4px;font-size:1.2rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
table.share_status.dashboard td div.section span{font-weight:normal;text-transform:none;letter-spacing:0;white-space:normal}
table.share_status.dashboard td span.info{float:right;margin-right:20px;font-size:1.2rem;font-weight:normal;text-transform:none;letter-spacing:0}
table.share_status.dashboard td span.info.title{font-weight:bold}
table.share_status.dashboard td span.load{display:inline-block;width:38px;text-align:right}
table.share_status.dashboard td span.finish{float:right;margin-right:24px}
table.share_status.dashboard i.control{float:right;font-size:1.4rem!important;margin:0 3px 0 0;cursor:pointer;color:#262626;background-color:rgba(255,255,255,0.3);padding:2px;border-radius:5px}
table.dashboard{margin:0;border:none;background-color:#262626}
table.dashboard tbody{border:1px solid #333333}
table.dashboard tr:first-child td{height:3.6rem;padding-top:12px;font-size:1.6rem;font-weight:bold;letter-spacing:1.8px;text-transform:none;vertical-align:top}
table.dashboard tr:nth-child(even){background-color:transparent}
table.dashboard tr:last-child td{padding-bottom:20px}
table.dashboard tr.last td{padding-bottom:20px}
table.dashboard tr.header td{padding-bottom:10px}
table.dashboard td{padding:3px 10px}
table.dashboard td.stopgap{height:20px!important;line-height:20px!important;padding:0!important;background-color:#1c1b1b}
table.dashboard td.vpn{font-size:1.1rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
table.dashboard td div.section{display:inline-block;vertical-align:top;margin-left:4px;font-size:1.2rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
table.dashboard td div.section span{font-weight:normal;text-transform:none;letter-spacing:0;white-space:normal}
table.dashboard td span.info{float:right;margin-right:20px;font-size:1.2rem;font-weight:normal;text-transform:none;letter-spacing:0}
table.dashboard td span.info.title{font-weight:bold}
table.dashboard td span.load{display:inline-block;width:38px;text-align:right}
table.dashboard td span.finish{float:right;margin-right:24px}
table.dashboard i.control{float:right;font-size:1.4rem!important;margin:0 3px 0 0;cursor:pointer;color:#262626;background-color:rgba(255,255,255,0.3);padding:2px;border-radius:5px}
.dashboard-sortable{background-color:#1c1b1b}
[name=arrayOps]{margin-top:12px}
span.error{color:#f0000c;background-color:#ff9e9e;display:block;width:100%}
emhttp/plugins/dynamix/styles/default-gray.css
+18 -18
View File
@@ -141,24 +141,24 @@ table.share_status tbody tr.warn{color:#e68a00}
table.share_status.fixed tr td:nth-child(n+2){min-width:39px;font-size:1.1rem;text-align:center;padding:0}
table.share_status.table{margin-top:36px}
table.share_status.table tr>td{width:50%}
table.share_status.dashboard{margin:0;border:none;background-color:#212f3d}
table.share_status.dashboard tbody{border:1px solid #566573}
table.share_status.dashboard tr:first-child td{height:3.6rem;padding-top:12px;font-size:1.6rem;font-weight:bold;letter-spacing:1.8px;text-transform:none;vertical-align:top}
table.share_status.dashboard tr:last-child td{padding-bottom:20px}
table.share_status.dashboard tr.last td{padding-bottom:20px}
table.share_status.dashboard tr.header td{padding-bottom:10px;color:#82857e}
table.share_status.dashboard tr{border:none}
table.share_status.dashboard td{line-height:normal;padding:3px 10px;border:none!important}
table.share_status.dashboard td.stopgap{height:20px!important;line-height:20px!important;padding:0!important;background-color:#1b1d1b}
table.share_status.dashboard td.vpn{font-size:1.1rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
table.share_status.dashboard td div.section{display:inline-block;vertical-align:top;margin-left:4px;font-size:1.2rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
table.share_status.dashboard td div.section span{font-weight:normal;text-transform:none;letter-spacing:0;white-space:normal}
table.share_status.dashboard td span.info{float:right;margin-right:20px;font-size:1.2rem;font-weight:normal;text-transform:none;letter-spacing:0}
table.share_status.dashboard td span.info.title{font-weight:bold}
table.share_status.dashboard td span.load{display:inline-block;width:38px;text-align:right}
table.share_status.dashboard td span.finish{float:right;margin-right:24px}
table.share_status.dashboard i.control{float:right;font-size:1.4rem!important;margin:0 3px 0 0;cursor:pointer;color:#212f3d;background-color:rgba(255,255,255,0.3);padding:2px;border-radius:5px}
table.share_status.dashboard .usage-disk.sys{height:auto}
table.dashboard{margin:0;border:none;background-color:#212f3d}
table.dashboard tbody{border:1px solid #566573}
table.dashboard tr:first-child td{height:3.6rem;padding-top:12px;font-size:1.6rem;font-weight:bold;letter-spacing:1.8px;text-transform:none;vertical-align:top}
table.dashboard tr:last-child td{padding-bottom:20px}
table.dashboard tr.last td{padding-bottom:20px}
table.dashboard tr.header td{padding-bottom:10px;color:#82857e}
table.dashboard tr{border:none}
table.dashboard td{line-height:normal;padding:3px 10px;border:none!important}
table.dashboard td.stopgap{height:20px!important;line-height:20px!important;padding:0!important;background-color:#1b1d1b}
table.dashboard td.vpn{font-size:1.1rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
table.dashboard td div.section{display:inline-block;vertical-align:top;margin-left:4px;font-size:1.2rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
table.dashboard td div.section span{font-weight:normal;text-transform:none;letter-spacing:0;white-space:normal}
table.dashboard td span.info{float:right;margin-right:20px;font-size:1.2rem;font-weight:normal;text-transform:none;letter-spacing:0}
table.dashboard td span.info.title{font-weight:bold}
table.dashboard td span.load{display:inline-block;width:38px;text-align:right}
table.dashboard td span.finish{float:right;margin-right:24px}
table.dashboard i.control{float:right;font-size:1.4rem!important;margin:0 3px 0 0;cursor:pointer;color:#212f3d;background-color:rgba(255,255,255,0.3);padding:2px;border-radius:5px}
table.dashboard .usage-disk.sys{height:auto}
.dashboard-sortable{background-color:#1b1d1b}
tr.alert{color:#f0000c;background-color:#ff9e9e}
tr.warn{color:#e68a00;background-color:#feefb3}
emhttp/plugins/dynamix/styles/default-white.css
+17 -17
View File
@@ -137,23 +137,23 @@ table.share_status tbody tr.warn{color:#e68a00}
table.share_status.fixed tr td:nth-child(n+2){min-width:39px;font-size:1.1rem;text-align:center;padding:0}
table.share_status.table{margin-top:36px}
table.share_status.table tr>td{width:50%}
table.share_status.dashboard{margin:0;border:none;background-color:#f7f9f9}
table.share_status.dashboard tbody{border:1px solid #dfdfdf}
table.share_status.dashboard tr:first-child td{height:3.6rem;padding-top:12px;font-size:1.6rem;font-weight:bold;letter-spacing:1.8px;text-transform:none;vertical-align:top}
table.share_status.dashboard tr:nth-child(even){background-color:transparent}
table.share_status.dashboard tr:last-child td{padding-bottom:20px}
table.share_status.dashboard tr.last td{padding-bottom:20px}
table.share_status.dashboard tr.header td{padding-bottom:10px}
table.share_status.dashboard td{padding:3px 10px}
table.share_status.dashboard td.stopgap{height:20px!important;line-height:20px!important;padding:0!important;background-color:#f2f2f2}
table.share_status.dashboard td.vpn{font-size:1.1rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
table.share_status.dashboard td div.section{display:inline-block;vertical-align:top;margin-left:4px;font-size:1.2rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
table.share_status.dashboard td div.section span{font-weight:normal;text-transform:none;letter-spacing:0;white-space:normal}
table.share_status.dashboard td span.info{float:right;margin-right:20px;font-size:1.2rem;font-weight:normal;text-transform:none;letter-spacing:0}
table.share_status.dashboard td span.info.title{font-weight:bold}
table.share_status.dashboard td span.load{display:inline-block;width:38px;text-align:right}
table.share_status.dashboard td span.finish{float:right;margin-right:24px}
table.share_status.dashboard i.control{float:right;font-size:1.4rem!important;margin:0 3px 0 0;cursor:pointer;color:#f7f9f9;background-color:rgba(0,0,0,0.3);padding:2px;border-radius:5px}
table.dashboard{margin:0;border:none;background-color:#f7f9f9}
table.dashboard tbody{border:1px solid #dfdfdf}
table.dashboard tr:first-child td{height:3.6rem;padding-top:12px;font-size:1.6rem;font-weight:bold;letter-spacing:1.8px;text-transform:none;vertical-align:top}
table.dashboard tr:nth-child(even){background-color:transparent}
table.dashboard tr:last-child td{padding-bottom:20px}
table.dashboard tr.last td{padding-bottom:20px}
table.dashboard tr.header td{padding-bottom:10px}
table.dashboard td{padding:3px 10px}
table.dashboard td.stopgap{height:20px!important;line-height:20px!important;padding:0!important;background-color:#f2f2f2}
table.dashboard td.vpn{font-size:1.1rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
table.dashboard td div.section{display:inline-block;vertical-align:top;margin-left:4px;font-size:1.2rem;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
table.dashboard td div.section span{font-weight:normal;text-transform:none;letter-spacing:0;white-space:normal}
table.dashboard td span.info{float:right;margin-right:20px;font-size:1.2rem;font-weight:normal;text-transform:none;letter-spacing:0}
table.dashboard td span.info.title{font-weight:bold}
table.dashboard td span.load{display:inline-block;width:38px;text-align:right}
table.dashboard td span.finish{float:right;margin-right:24px}
table.dashboard i.control{float:right;font-size:1.4rem!important;margin:0 3px 0 0;cursor:pointer;color:#f7f9f9;background-color:rgba(0,0,0,0.3);padding:2px;border-radius:5px}
.dashboard-sortable{background-color:#f2f2f2}
[name=arrayOps]{margin-top:12px}
span.error{color:#f0000c;background-color:#ff9e9e;display:block;width:100%}