thepaperpilot/chromatic-lattice
1
0
Fork 0
Code Issues Pull requests Releases Activity Actions

Fix non-centered slider in illuminati

Browse source
This commit is contained in:
thepaperpilot 2021-06-22 07:56:11 -05:00
parent 3b9395e484
commit d99020b422
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/fields/Slider.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div class="field"> <div class="field">
<span class="field-title" v-if="title">{{ title }}</span> <span class="field-title" v-if="title">{{ title }}</span>
<tooltip :text="`${value}`"> <tooltip :text="`${value}`" :class="{ fullWidth: !title }">
<input type="range" :value="value" @input="e => $emit('change', parseInt(e.target.value))" :min="min" :max="max" /> <input type="range" :value="value" @input="e => $emit('change', parseInt(e.target.value))" :min="min" :max="max" />
</tooltip> </tooltip>
</div> </div>
@ -20,4 +20,7 @@ export default {
</script> </script>
<style scoped> <style scoped>
.fullWidth {
width: 100%;
}
</style> </style>