Cosmetics to config

pull/5701/head
Cagatay Civici 2024-05-07 00:12:41 +03:00
parent 8f57bef1e1
commit 9edbd78948
2 changed files with 9 additions and 15 deletions

View File

@ -155,11 +155,9 @@
} }
.config-panel-settings { .config-panel-settings {
> div { display: flex;
display: flex; flex-direction: column;
align-items: center; gap: 0.5rem;
justify-content: space-between;
}
} }
} }

View File

@ -30,16 +30,12 @@
</div> </div>
</div> </div>
<div class="config-panel-settings"> <div class="config-panel-settings">
<div> <span class="config-panel-label">Presets</span>
<span class="config-panel-label">Presets</span> <SelectButton v-model="selectedPreset" @update:modelValue="onPresetChange" :options="presets" />
<SelectButton v-model="selectedPreset" @update:modelValue="onPresetChange" :options="presets" />
</div>
</div> </div>
<div class="config-panel-settings"> <div class="config-panel-settings">
<div> <span class="config-panel-label">Ripple</span>
<span class="config-panel-label">Ripple</span> <ToggleSwitch :modelValue="rippleActive" @update:modelValue="onRippleChange" />
<ToggleSwitch :modelValue="rippleActive" @update:modelValue="onRippleChange" />
</div>
</div> </div>
</div> </div>
</div> </div>
@ -47,9 +43,9 @@
<script> <script>
import EventBus from '@/layouts/AppEventBus'; import EventBus from '@/layouts/AppEventBus';
import { updatePreset, updateSurfacePalette, $t } from 'primevue/themes'; import { $t, updatePreset, updateSurfacePalette } from 'primevue/themes';
import Lara from 'primevue/themes/lara';
import Aura from 'primevue/themes/aura'; import Aura from 'primevue/themes/aura';
import Lara from 'primevue/themes/lara';
export default { export default {
data() { data() {