Restyle SettingGroup (#1125)

* Setting group CSS

* nit

* nit

* Dim label color

* nit

* Set width
This commit is contained in:
Chenlei Hu
2024-10-05 20:34:15 -04:00
committed by GitHub
parent b7287dbb22
commit b97331cbab
2 changed files with 12 additions and 59 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div class="input-slider">
<div class="input-slider flex flex-row items-center gap-2">
<Slider
:modelValue="modelValue"
@update:modelValue="updateValue"
@@ -17,6 +17,7 @@
:min="min"
:max="max"
:step="step"
:allowEmpty="false"
/>
</div>
</template>
@@ -69,19 +70,3 @@ const updateValue = (newValue: number | null) => {
emit('update:modelValue', newValue)
}
</script>
<style scoped>
.input-slider {
display: flex;
align-items: center;
gap: 1rem;
}
.slider-part {
flex-grow: 1;
}
.input-part {
width: 5rem !important;
}
</style>