mirror of
https://github.com/mofeng-git/One-KVM.git
synced 2026-01-30 09:31:53 +08:00
many style improvements
This commit is contained in:
@@ -39,7 +39,8 @@ div.tabs-box div.tab {
|
||||
|
||||
div.tabs-box label {
|
||||
order: 1;
|
||||
display: block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
user-select: none;
|
||||
@@ -50,15 +51,26 @@ div.tabs-box label {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
|
||||
div.tabs-box label {
|
||||
height: 30px !important;
|
||||
}
|
||||
}
|
||||
|
||||
div.tabs-box label:last-of-type {
|
||||
border-right: var(--border-default-thin);
|
||||
}
|
||||
|
||||
div.tabs-box input[type="radio"]:checked+label {
|
||||
div.tabs-box input[type="radio"]:checked + label {
|
||||
background-color: var(--cs-control-default-bg);
|
||||
}
|
||||
@media (hover: hover), (min--moz-device-pixel-ratio: 0) {
|
||||
/* If we have a mouse cursor */
|
||||
div.tabs-box input[type="radio"]:not(:checked):hover + label {
|
||||
color: var(--cs-control-hovered-fg);
|
||||
}
|
||||
}
|
||||
|
||||
div.tabs-box input[type="radio"]:checked+label+.tab {
|
||||
div.tabs-box input[type="radio"]:checked + label + .tab {
|
||||
display: block;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user