vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/styles/layout/_topbar.scss
View File

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

8
layouts/AppConfigurator.vue
View File

@ -30,26 +30,22 @@
</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>
</template> </template>
<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() {