Re-aranged user preferences UI

cioraneanu · May 23, 2024 · b12cc67 · b12cc67
1 parent 33cf74f
commit b12cc67
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/front/pages/settings/user-preferences-ui.vue b/front/pages/settings/user-preferences-ui.vue
@@ -4,7 +4,11 @@
 
     <van-form @submit="onSave" class="">
       <van-cell-group inset>
-        <!--        <div class="van-cell-group-title">Date settings:</div>-->
+        <app-boolean label="Dark theme:" v-model="darkTheme">
+          <template #icon="{ value }">
+            <app-icon :size="23" :stroke-width="2.0" :icon="value ? TablerIconConstants.darkTheme : TablerIconConstants.whiteTheme" />
+          </template>
+        </app-boolean>
 
         <app-select
           label="Numbers formatting:"
@@ -18,12 +22,10 @@
           required
           :clearable="false"
         />
+      </van-cell-group>
 
-        <app-boolean label="Dark theme (alpha):" v-model="darkTheme">
-          <template #icon="{ value }">
-            <app-icon :size="23" :stroke-width="2.0" :icon="value ? TablerIconConstants.darkTheme : TablerIconConstants.whiteTheme" />
-          </template>
-        </app-boolean>
+      <van-cell-group inset>
+        <!--        <div class="van-cell-group-title">Date settings:</div>-->
 
         <app-boolean label="Force transaction description lowercase:" v-model="lowerCaseTransactionDescription" />
         <app-boolean label="Force account name lowercase:" v-model="lowerCaseAccountName" />
@@ -44,7 +46,6 @@ import UIUtils from '~/utils/UIUtils'
 import { useToolbar } from '~/composables/useToolbar'
 import RouteConstants from '~/constants/RouteConstants'
 import { NUMBER_FORMAT } from '~/utils/MathUtils.js'
-import SettingsTokenField from '~/components/settings/settings-token-field.vue'
 import TablerIconConstants from '~/constants/TablerIconConstants.js'
 
 const appStore = useAppStore()