edit: move browser settings to bottom

This commit is contained in:
axolotle 2023-11-23 17:18:07 +01:00
parent 33a11d9f99
commit c9caa7db76

View file

@ -169,46 +169,6 @@ const onSubmit = handleSubmit(async (form) => {
<div> <div>
<PageTitle :text="$t('footerlink_edit')" /> <PageTitle :text="$t('footerlink_edit')" />
<section class="mt-5">
<h2 class="text-3xl">{{ t('edit_browser_settings') }}</h2>
<form novalidate class="my-10" @submit.prevent>
<div role="group" class="flex align mb-3">
<!-- eslint-disable-next-line vuejs-accessibility/label-has-for -->
<label for="language" class="label me-3">{{ t('language') }}</label>
<select id="language" v-model="locale" class="select select-bordered">
<option disabled selected>{{ t('language') }}</option>
<option
v-for="option in localesAsOptions"
:key="option.value"
:value="option.value"
>
{{ option.text }}
</option>
</select>
</div>
<div role="group" class="flex align">
<!-- eslint-disable-next-line vuejs-accessibility/label-has-for -->
<label for="theme" class="label me-3">{{ t('theme') }}</label>
<select
id="theme"
v-model="colorMode.preference"
class="select select-bordered"
>
<option disabled selected>{{ t('theme') }}</option>
<option
v-for="option in themesAsOptions"
:key="option.value"
:value="option.value"
>
{{ option.text }}
</option>
</select>
</div>
</form>
</section>
<section> <section>
<h2 class="text-3xl">{{ t('edit_personal_settings') }}</h2> <h2 class="text-3xl">{{ t('edit_personal_settings') }}</h2>
@ -316,5 +276,45 @@ const onSubmit = handleSubmit(async (form) => {
</div> </div>
</form> </form>
</section> </section>
<section class="my-10">
<h2 class="text-4xl font-bold">{{ t('edit_browser_settings') }}</h2>
<form novalidate class="my-10" @submit.prevent>
<div role="group" class="flex align mb-3">
<!-- eslint-disable-next-line vuejs-accessibility/label-has-for -->
<label for="language" class="label me-3">{{ t('language') }}</label>
<select id="language" v-model="locale" class="select select-bordered">
<option disabled selected>{{ t('language') }}</option>
<option
v-for="option in localesAsOptions"
:key="option.value"
:value="option.value"
>
{{ option.text }}
</option>
</select>
</div>
<div role="group" class="flex align">
<!-- eslint-disable-next-line vuejs-accessibility/label-has-for -->
<label for="theme" class="label me-3">{{ t('theme') }}</label>
<select
id="theme"
v-model="colorMode.preference"
class="select select-bordered"
>
<option disabled selected>{{ t('theme') }}</option>
<option
v-for="option in themesAsOptions"
:key="option.value"
:value="option.value"
>
{{ option.text }}
</option>
</select>
</div>
</form>
</section>
</div> </div>
</template> </template>