hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Improve dark mode for SettingsView

Browse Source 
And expand textareas and some inputs
This commit is contained in:
Massedil
2025-12-03 18:15:43 +01:00
parent 36b93a273a
commit 3ea44b73a6
1 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/Admin/SettingsView.vue
View File

@@ -9,7 +9,9 @@
<div v-if="settingsToWrite"> <div v-if="settingsToWrite">
<form @submit.prevent="updateSettings"> <form @submit.prevent="updateSettings">
<section class="mt-4 mb-4 p-4 border rounded shadow-sm bg-white"> <section
class="mt-4 mb-4 p-4 bg-white dark:bg-violet-2 rounded shadow-md dark:bg-mbz-purple-700"
>
<h2>{{ t("Informations") }}</h2> <h2>{{ t("Informations") }}</h2>
<o-field :label="t('Instance Name')" label-for="instance-name"> <o-field :label="t('Instance Name')" label-for="instance-name">
<o-input <o-input
@@ -78,7 +80,9 @@
</div> </div>
</section> </section>
<section class="mt-4 mb-4 p-4 border rounded shadow-sm bg-white"> <section
class="mt-4 mb-4 p-4 bg-white dark:bg-violet-2 rounded shadow-md dark:bg-mbz-purple-700"
>
<h2>{{ t("Pictures") }}</h2> <h2>{{ t("Pictures") }}</h2>
<label class="field flex flex-col"> <label class="field flex flex-col">
@@ -129,7 +133,9 @@
</label> </label>
</section> </section>
<section class="mt-4 mb-4 p-4 border rounded shadow-sm bg-white"> <section
class="mt-4 mb-4 p-4 bg-white dark:bg-violet-2 rounded shadow-md dark:bg-mbz-purple-700"
>
<h2>{{ t("Options") }}</h2> <h2>{{ t("Options") }}</h2>
<o-field :label="t('Allow registrations')"> <o-field :label="t('Allow registrations')">
<fieldset> <fieldset>
@@ -186,7 +192,9 @@
</div> </div>
</section> </section>
<section class="mt-4 mb-4 p-4 border rounded shadow-sm bg-white"> <section
class="mt-4 mb-4 p-4 bg-white dark:bg-violet-2 rounded shadow-md dark:bg-mbz-purple-700"
>
<h2>{{ t("Policies") }}</h2> <h2>{{ t("Policies") }}</h2>
<div class="field flex flex-col"> <div class="field flex flex-col">
<label for="instance-rules">{{ t("Instance Rules") }}</label> <label for="instance-rules">{{ t("Instance Rules") }}</label>
@@ -311,6 +319,7 @@
> >
<o-input <o-input
type="URL" type="URL"
expanded
v-model="settingsToWrite.instanceTermsUrl" v-model="settingsToWrite.instanceTermsUrl"
id="instanceTermsUrl" id="instanceTermsUrl"
/> />
@@ -325,6 +334,8 @@
<o-input <o-input
type="textarea" type="textarea"
v-model="settingsToWrite.instanceTerms" v-model="settingsToWrite.instanceTerms"
expanded
rows="10"
id="instanceTerms" id="instanceTerms"
/> />
</o-field> </o-field>
@@ -438,6 +449,7 @@
> >
<o-input <o-input
type="URL" type="URL"
expanded
v-model="settingsToWrite.instancePrivacyPolicyUrl" v-model="settingsToWrite.instancePrivacyPolicyUrl"
id="instancePrivacyPolicyUrl" id="instancePrivacyPolicyUrl"
/> />
@@ -452,13 +464,17 @@
> >
<o-input <o-input
type="textarea" type="textarea"
expanded
rows="10"
v-model="settingsToWrite.instancePrivacyPolicy" v-model="settingsToWrite.instancePrivacyPolicy"
id="instancePrivacyPolicy" id="instancePrivacyPolicy"
/> />
</o-field> </o-field>
</section> </section>
<section class="mt-4 mb-4 p-4 border rounded shadow-sm bg-white"> <section
class="mt-4 mb-4 p-4 bg-white dark:bg-violet-2 rounded shadow-md dark:bg-mbz-purple-700"
>
<h2>{{ t("External links") }}</h2> <h2>{{ t("External links") }}</h2>
<small> <small>
{{ {{
@@ -475,7 +491,7 @@
v-if="settingsToWrite.externalLinks?.length > 0" v-if="settingsToWrite.externalLinks?.length > 0"
> >
<div <div
class="bg-mbz-yellow-alt-100 p-5" class="bg-mbz-yellow-alt-100 dark:bg-mbz-purple-500 p-5"
v-for="(link, index) in settingsToWrite.externalLinks" v-for="(link, index) in settingsToWrite.externalLinks"
:key="index" :key="index"
> >