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