Refine vertical slice rail orientation

This commit is contained in:
Codex
2026-05-27 11:27:41 +08:00
parent 806807f4bc
commit ddfee82b0b

View File

@@ -623,8 +623,50 @@ button:disabled {
width: 28px; width: 28px;
height: 100%; height: 100%;
writing-mode: vertical-lr; writing-mode: vertical-lr;
direction: rtl; direction: ltr;
accent-color: var(--cyan); appearance: none;
-webkit-appearance: none;
background: transparent;
cursor: pointer;
}
#sliceSlider::-webkit-slider-runnable-track {
width: 4px;
height: 100%;
border-radius: 999px;
background: rgba(146, 163, 186, 0.38);
}
#sliceSlider::-webkit-slider-thumb {
width: 16px;
height: 16px;
margin-left: -6px;
border: 2px solid #d8fbff;
border-radius: 999px;
background: var(--cyan);
box-shadow: 0 0 0 3px rgba(25, 212, 194, 0.16);
-webkit-appearance: none;
appearance: none;
}
#sliceSlider::-moz-range-track {
width: 4px;
height: 100%;
border-radius: 999px;
background: rgba(146, 163, 186, 0.38);
}
#sliceSlider::-moz-range-progress {
background: transparent;
}
#sliceSlider::-moz-range-thumb {
width: 14px;
height: 14px;
border: 2px solid #d8fbff;
border-radius: 999px;
background: var(--cyan);
box-shadow: 0 0 0 3px rgba(25, 212, 194, 0.16);
} }
#sliceText { #sliceText {