Files
webgui/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings.css
Zack Spear 892e8b09b3 fix: enhance layout consistency in DockerSettings.page and DockerSettings.css
- Refactored DockerSettings.page to improve the structure and readability of checkbox and input elements using flexbox for better alignment.
- Updated DockerSettings.css to comment out unused styles for select and span elements, streamlining the CSS for improved maintainability.
- This change continues the effort to enhance visual consistency across the plugin.
2025-05-23 12:46:31 -07:00

85 lines
1.4 KiB
CSS

:root {
--docker-settings-file-tree-background: var(--black);
--docker-settings-span-disabled-color: var(--gray-600);
}
.Theme--azure:root,
.Theme--white:root {
--docker-settings-file-tree-background: var(--gray-100);
--docker-settings-span-disabled-color: var(--gray-300); /* Condensed from: #b0b0b0 */
}
.errortext {
color: var(--red-800); /* Condensed from: #ef3d47 */
display: none;
margin-left: 20px;
}
.basic {
display: inline-block;
}
.advanced {
display: none;
}
select.mask {
min-width: 0;
margin: 0 10px 0 4px;
}
/* select.net {
min-width: 0;
margin: 0 4px 0 2px;
} */
select option.hide {
display: none;
}
input.ip4 {
width: 100px;
margin: 0 4px 0 1px;
}
input.ip6 {
width: 140px;
margin: 0 4px;
}
input.gw4 {
width: 100px;
margin: 0 4px 0 1px;
}
input.gw6 {
width: 160px;
margin: 0 4px;
}
input.pool6 {
width: 40px;
margin: 0 4px 0 1px;
}
/* span.net {
margin-left: 4px;
margin-right: 2px;
} */
/* span.ip4 {
display: inline-block;
width: 260px;
}
span.ip6 {
display: inline-block;
width: 310px;
}
span.gw4 {
display: inline-block;
width: 200px;
} */
/* span.gw6 {
display: inline-block;
width: 270px;
} */
span.nonexist {
margin-left: 20px;
}
/* .fileTree {
width: 300px;
max-height: 150px;
} */
span.disabled {
color: var(--docker-settings-span-disabled-color);
}