versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2026-03-13 03:29:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: 💄 Improve appearance of dropdown menus and settings pages

Browse source
This commit is contained in:
Jesse Wierzbinski 2025-02-09 19:50:57 +01:00
parent 9ba59cfd21
commit 7e9ccbc932
No known key found for this signature in database
13 changed files with 68 additions and 120 deletions
Download patch file Download diff file Expand all files Collapse all files

9
pages/preferences/[page].vue
View file

@ -1,9 +1,10 @@
<template>
<div class="md:px-8 px-4 py-2 max-w-7xl mx-auto w-full">
<!-- Add padding at bottom to prevent hiding some content by the bottom navbar -->
<div class="md:px-8 px-4 py-4 pb-20 max-w-7xl mx-auto w-full">
<h1 class="scroll-m-20 text-3xl font-extrabold tracking-tight lg:text-4xl capitalize">
{{ page }}
</h1>
<div class="grid grid-cols-1 gap-4 mt-6">
</h1>
<div class="grid grid-cols-1 gap-2 mt-6">
<template v-for="[id, setting] of settingEntries">
<SwitchPreference v-if="setting.type === SettingType.Boolean" :setting="(setting as BooleanSetting)" @update:setting="updateSetting(id, setting)" />
<SelectPreference v-else-if="setting.type === SettingType.Enum" :setting="(setting as EnumSetting)" @update:setting="updateSetting(id, setting)" />
@ -60,4 +61,4 @@ const updateSetting = (id: SettingIds, setting: Setting) => {
[id]: setting,
};
};
</script>
</script>