mirror of
https://github.com/unraid/webgui.git
synced 2026-01-05 09:10:07 -06:00
d8f051559d
- Changed PHP opening tags from `<?PHP` to `<?php` for consistency across files. - Updated CSS to include a new class `.resize-none` for better control over textarea resizing. - Removed unnecessary CSS rules to streamline styles in Eth0.css and NetworkExtra.css, enhancing layout responsiveness.
91 lines
2.0 KiB
CSS
91 lines
2.0 KiB
CSS
:root {
|
|
/* Input styles - default values (for azure/gray themes) */
|
|
--eth0-narrow-input-width: 188px;
|
|
--eth0-narrow-input-padding: 5px 6px;
|
|
--eth0-narrow-input-border-color: var(--border-color);
|
|
--eth0-narrow-input-text-color: var(--text-color);
|
|
--eth0-narrow-input-border-style: 1px solid;
|
|
}
|
|
|
|
.Theme--black {
|
|
--eth0-narrow-input-border-color: var(--gray-100);
|
|
--eth0-narrow-input-text-color: var(--gray-100);
|
|
}
|
|
|
|
.Theme--white {
|
|
--eth0-narrow-input-border-color: var(--gray-800);
|
|
--eth0-narrow-input-text-color: var(--gray-800);
|
|
}
|
|
|
|
/* Status colors */
|
|
span.red {
|
|
color: var(--orange-300);
|
|
}
|
|
span.blue {
|
|
color: var(--blue-700);
|
|
}
|
|
span.green {
|
|
color: var(--green-800);
|
|
}
|
|
span.vshift {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
/* Input styles */
|
|
input.gap {
|
|
margin-right: 6px;
|
|
}
|
|
input.form {
|
|
font-size: 1rem;
|
|
padding: 5px 10px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
/* Utility classes */
|
|
select.slim {
|
|
min-width: 47px;
|
|
margin-left: 4px;
|
|
}
|
|
input.slim {
|
|
width: 32px;
|
|
margin-left: 8px;
|
|
}
|
|
.hide {
|
|
display: none;
|
|
}
|
|
select.ctrl {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
/* Base narrow input styles */
|
|
input[type="text"].narrow {
|
|
display: inline;
|
|
width: var(--eth0-narrow-input-width);
|
|
padding: var(--eth0-narrow-input-padding);
|
|
border: var(--eth0-narrow-input-border-style) var(--eth0-narrow-input-border-color);
|
|
color: var(--eth0-narrow-input-text-color);
|
|
font-size: 1.3rem;
|
|
background-color: transparent;
|
|
text-indent: 0;
|
|
height: auto;
|
|
min-height: 2rem;
|
|
line-height: 2rem;
|
|
outline: none;
|
|
margin: 0 20px 0 0;
|
|
box-shadow: none;
|
|
border-radius: 0;
|
|
transition: none;
|
|
}
|
|
|
|
/* Theme-specific styles - consolidated black/white theme styles */
|
|
.Theme--black,
|
|
.Theme--white {
|
|
--eth0-narrow-input-width: 166px;
|
|
--eth0-narrow-input-padding: 4px 0;
|
|
--eth0-narrow-input-border-style: none;
|
|
|
|
input[type="text"].narrow {
|
|
border-bottom: 1px solid var(--eth0-narrow-input-border-color);
|
|
}
|
|
}
|