matt
/
opnform-host-nginx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

slider input color (#391) 

* slider input color

* fix slider input  accent  color

---------

Co-authored-by: Julien Nahum <julien@nahum.net>
This commit is contained in:
Favour Olayinka 2024-05-07 12:29:19 +01:00 committed by GitHub
parent f8ad962e5b
commit 34f92a6f34
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
client/components/forms/SliderInput.vue
View File

@ -16,7 +16,8 @@
<input <input
v-model="compVal" v-model="compVal"
type="range" type="range"
class="w-full mt-3" class="w-full mt-3 slider"
:style="{ '--thumb-color': color }"
:disabled="disabled" :disabled="disabled"
:min="minSlider" :min="minSlider"
:max="maxSlider" :max="maxSlider"
@ -97,3 +98,9 @@ export default {
}, },
} }
</script> </script>
<style>
.slider {
accent-color: var(--thumb-color);
}
</style>