fix(ui): slider firefox support

This commit is contained in:
ArneBo 2025-04-02 12:36:21 +02:00
parent 394e4c4ae5
commit 72ef80db27
1 changed files with 10 additions and 1 deletions

View File

@ -152,7 +152,7 @@ onMounted(() => {
} }
// Fake slider // Fake slider
.range { .range {
width: calc(var(--step-size) * var(--current-step) + 2px); width: calc(var(--step-size) * var(--current-step) + 4px);
position: absolute; position: absolute;
top: 6px; top: 6px;
left: 2.5px; left: 2.5px;
@ -166,6 +166,15 @@ onMounted(() => {
input:focus~.range { input:focus~.range {
// focused style // focused style
} }
input[type=range]::-moz-range-thumb {
background-color: var(--fw-primary);
transition: all .1s;
pointer-events: none;
}
input[type="range"]::-moz-range-track {
background: var(--fw-gray-800);
border-radius: 8px;
}
.pin { .pin {
border-radius: 8px; border-radius: 8px;
width: 16px; width: 16px;