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

refactor: docker.vm.manager VMMachines css vars

Browse Source
This commit is contained in:
Zack Spear
2024-06-26 18:11:30 -07:00
parent c61db31ce4
commit 651851beca
5 changed files with 33 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
emhttp/plugins/dynamix.vm.manager/sheets/VMMachines-azure.css
View File

@@ -1,10 +0,0 @@
.fileTree {
background: #f2f2f2;
width: 500px;
max-height: 320px;
overflow-y: scroll;
overflow-x: hidden;
position: absolute;
z-index: 100;
display: none;
}

10
emhttp/plugins/dynamix.vm.manager/sheets/VMMachines-black.css
View File

@@ -1,10 +0,0 @@
.fileTree {
background: #1c1c1c;
width: 500px;
max-height: 320px;
overflow-y: scroll;
overflow-x: hidden;
position: absolute;
z-index: 100;
display: none;
}

10
emhttp/plugins/dynamix.vm.manager/sheets/VMMachines-gray.css
View File

@@ -1,10 +0,0 @@
.fileTree {
background: #1c1c1c;
width: 500px;
max-height: 320px;
overflow-y: scroll;
overflow-x: hidden;
position: absolute;
z-index: 100;
display: none;
}

10
emhttp/plugins/dynamix.vm.manager/sheets/VMMachines-white.css
View File

@@ -1,10 +0,0 @@
.fileTree {
background: #f2f2f2;
width: 500px;
max-height: 320px;
overflow-y: scroll;
overflow-x: hidden;
position: absolute;
z-index: 100;
display: none;
}

46
emhttp/plugins/dynamix.vm.manager/sheets/VMMachines.css
View File

@@ -1,3 +1,12 @@
:root {
--vm-machines-file-tree-background: var(--black);
}
.Theme--azure:root,
.Theme--white:root {
--vm-machines-file-tree-background: var(--gray-100);
}
th.th1 {
width: 25%;
}
@@ -69,42 +78,42 @@ i.fa-dot-circle-o {
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button[disabled] {
cursor: default;
color: #808080;
color: var(--gray-500);
background:
-webkit-gradient(
linear,
left top,
right top,
from(#404040),
to(#808080)
from(var(--gray-600)),
to(var(--gray-500))
)
0 0 no-repeat,
-webkit-gradient(
linear,
left top,
right top,
from(#404040),
to(#808080)
from(var(--gray-600)),
to(var(--gray-500))
) 0 100% no-repeat,
-webkit-gradient(
linear,
left bottom,
left top,
from(#404040),
to(#404040)
from(var(--gray-600)),
to(var(--gray-600))
) 0 100% no-repeat,
-webkit-gradient(
linear,
left bottom,
left top,
from(#808080),
to(#808080)
from(var(--gray-500)),
to(var(--gray-500))
) 100% 100% no-repeat;
background:
linear-gradient(90deg, #404040 0, #808080) 0 0 no-repeat,
linear-gradient(90deg, #404040 0, #808080) 0 100% no-repeat,
linear-gradient(0deg, #404040 0, #404040) 0 100% no-repeat,
linear-gradient(0deg, #808080 0, #808080) 100% 100% no-repeat;
linear-gradient(90deg, var(--gray-600) 0, var(--gray-500)) 0 0 no-repeat,
linear-gradient(90deg, var(--gray-600) 0, var(--gray-500)) 0 100% no-repeat,
linear-gradient(0deg, var(--gray-600) 0, var(--gray-600)) 0 100% no-repeat,
linear-gradient(0deg, var(--gray-500) 0, var(--gray-500)) 100% 100% no-repeat;
background-size:
100% 2px,
100% 2px,
@@ -118,3 +127,14 @@ span.vmgraphics {
font-size: 1.1rem;
text-align: left;
}
.fileTree {
background: var(--vm-machines-file-tree-background);
width: 500px;
max-height: 320px;
overflow-y: scroll;
overflow-x: hidden;
position: absolute;
z-index: 100;
display: none;
}