Format fixes

This commit is contained in:
tugcekucukoglu
2024-07-29 10:14:47 +03:00
parent a60346c2da
commit 2726aeb8a1
11 changed files with 137 additions and 169 deletions
+16 -7
View File
@@ -246,25 +246,34 @@ const preset = computed(() => {
<div class="config-panel-colors">
<span class="config-panel-label">Primary</span>
<div>
<button v-for="primaryColor of primaryColors" :key="primaryColor.name" type="button"
:title="primaryColor.name" @click="updateColors('primary', primaryColor)"
<button
v-for="primaryColor of primaryColors"
:key="primaryColor.name"
type="button"
:title="primaryColor.name"
@click="updateColors('primary', primaryColor)"
:class="{ 'active-color': selectedPrimaryColor === primaryColor.name }"
:style="{ backgroundColor: `${primaryColor.name === 'noir' ? 'var(--text-color)' : primaryColor.palette['500']}` }"></button>
:style="{ backgroundColor: `${primaryColor.name === 'noir' ? 'var(--text-color)' : primaryColor.palette['500']}` }"
></button>
</div>
</div>
<div class="config-panel-colors">
<span class="config-panel-label">Surface</span>
<div>
<button v-for="surface of surfaces" :key="surface.name" type="button" :title="surface.name"
<button
v-for="surface of surfaces"
:key="surface.name"
type="button"
:title="surface.name"
@click="updateColors('surface', surface)"
:class="{ 'active-color': selectedSurfaceColor ? selectedSurfaceColor === surface.name : isDarkTheme ? surface.name === 'zinc' : surface.name === 'slate' }"
:style="{ backgroundColor: `${surface.palette['500']}` }"></button>
:style="{ backgroundColor: `${surface.palette['500']}` }"
></button>
</div>
</div>
<div class="config-panel-settings">
<span class="config-panel-label">Presets</span>
<SelectButton v-model="preset" @update:modelValue="onPresetChange" :options="presetOptions"
:allowEmpty="false" />
<SelectButton v-model="preset" @update:modelValue="onPresetChange" :options="presetOptions" :allowEmpty="false" />
</div>
</div>
</div>
+3 -1
View File
@@ -91,7 +91,9 @@ const isOutsideClicked = (event) => {
<div class="relative">
<button
v-styleclass="{ selector: '@next', enterFromClass: 'hidden', enterActiveClass: 'animate-scalein', leaveToClass: 'hidden', leaveActiveClass: 'animate-fadeout', hideOnOutsideClick: true }"
type="button" class="p-link layout-topbar-button">
type="button"
class="p-link layout-topbar-button"
>
<i class="pi pi-palette"></i>
</button>
<AppConfigurator />