qugalet/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix states not showing, move palette out of the way

Browse source
This commit is contained in:
Henry Jameson 2024-10-03 00:53:50 +03:00
parent dee3cf7883
commit 20e6382df6
1 changed files with 29 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
src/components/settings_modal/tabs/style_tab/style_tab.vue
View file

@ -51,32 +51,6 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="setting-item palette-editor">
<div class="label">
<label for="palette-selector">
{{ $t('settings.style.themes3.palette.label') }}
{{ ' ' }}
</label>
<Select
id="palette-selector"
v-model="editedPalette"
>
<option
key="dark"
value="dark"
>
{{ $t('settings.style.themes3.palette.dark') }}
</option>
<option
key="light"
value="light"
>
{{ $t('settings.style.themes3.palette.light') }}
</option>
</Select>
</div>
<PaletteEditor v-model="palette" />
</div>
<div class="setting-item component-editor"> <div class="setting-item component-editor">
<div class="component-selector"> <div class="component-selector">
<label for="component-selector"> <label for="component-selector">
@ -126,11 +100,11 @@
class="state-selector-list" class="state-selector-list"
> >
<li <li
v-for="state in selectedStates" v-for="state in selectedComponentStates"
:key="'component-variant-' + state" :key="'component-state-' + state"
> >
<Checkbox <Checkbox
:value="selectedStates.has(state)" :value="selectedState.has(state)"
@update:modelValue="(v) => updateSelectedStates(state, v)" @update:modelValue="(v) => updateSelectedStates(state, v)"
> >
{{ fallbackI18n($t(getStatePath(selectedComponentName, state)), state) }} {{ fallbackI18n($t(getStatePath(selectedComponentName, state)), state) }}
@ -276,6 +250,32 @@
</div> </div>
</tab-switcher> </tab-switcher>
</div> </div>
<div class="setting-item palette-editor">
<div class="label">
<label for="palette-selector">
{{ $t('settings.style.themes3.palette.label') }}
{{ ' ' }}
</label>
<Select
id="palette-selector"
v-model="editedPalette"
>
<option
key="dark"
value="dark"
>
{{ $t('settings.style.themes3.palette.dark') }}
</option>
<option
key="light"
value="light"
>
{{ $t('settings.style.themes3.palette.light') }}
</option>
</Select>
</div>
<PaletteEditor v-model="palette" />
</div>
</div> </div>
</template> </template>