fix: slightly reorganize user settings order

Signed-off-by: Alexander Trost <[email protected]>
fivenet-app · Oct 11, 2024 · 0668312 · 0668312
1 parent 98275b2
commit 0668312
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 15 deletions.
diff --git a/app/components/auth/account/UserSettingsPanel.vue b/app/components/auth/account/UserSettingsPanel.vue
@@ -77,22 +77,37 @@ watch(design.value, () => {
  <ColorPickerTW v-model="design.ui.gray" name="grayColor" />
  </UFormGroup>
 
+ <UFormGroup
+ name="streamerMode"
+ :label="$t('components.auth.UserSettingsPanel.streamer_mode.title')"
+ :description="$t('components.auth.UserSettingsPanel.streamer_mode.description')"
+ class="grid grid-cols-2 items-center gap-2"
+ >
+ <UToggle v-model="streamerMode" name="streamerMode">
+ <span class="sr-only">{{ $t('components.auth.UserSettingsPanel.streamer_mode.title') }}</span>
+ </UToggle>
+ </UFormGroup>
+
  <UFormGroup
  name="darkModeActive"
  :label="$t('components.auth.UserSettingsPanel.editor_theme.title')"
  class="grid grid-cols-2 items-center gap-2"
  >
- <UToggle v-model="darkModeActive">
- <span class="sr-only">{{ $t('components.auth.UserSettingsPanel.editor_theme.title') }}</span>
- </UToggle>
+ <div class="flex items-center gap-2">
+ <UToggle v-model="darkModeActive">
+ <span class="sr-only">{{ $t('components.auth.UserSettingsPanel.editor_theme.title') }}</span>
+ </UToggle>
+
+ <span>{{ $t('components.auth.UserSettingsPanel.editor_theme.dark_mode') }}</span>
+ </div>
  </UFormGroup>
 
  <UFormGroup
  name="designDocumentsListStyle"
  :label="$t('components.auth.UserSettingsPanel.documents_lists_style.title')"
  class="grid grid-cols-2 items-center gap-2"
  >
- <div class="inline-flex items-center gap-2">
+ <div class="inline-flex items-center gap-2 text-sm">
  <span>{{ $t('components.auth.UserSettingsPanel.documents_lists_style.single') }}</span>
  <UToggle v-model="designDocumentsListStyle">
  <span class="sr-only">{{ $t('components.auth.UserSettingsPanel.documents_lists_style.title') }}</span>
@@ -101,17 +116,6 @@ watch(design.value, () => {
  </div>
  </UFormGroup>
 
- <UFormGroup
- name="streamerMode"
- :label="$t('components.auth.UserSettingsPanel.streamer_mode.title')"
- :description="$t('components.auth.UserSettingsPanel.streamer_mode.description')"
- class="grid grid-cols-2 items-center gap-2"
- >
- <UToggle v-model="streamerMode" name="streamerMode">
- <span class="sr-only">{{ $t('components.auth.UserSettingsPanel.streamer_mode.title') }}</span>
- </UToggle>
- </UFormGroup>
-
  <UFormGroup
  name="selectedHomepage"
  :label="$t('components.auth.UserSettingsPanel.set_startpage.title')"

diff --git a/app/components/quickbuttons/penaltycalculator/PenaltyCalculator.vue b/app/components/quickbuttons/penaltycalculator/PenaltyCalculator.vue
@@ -241,13 +241,15 @@ const columns = [
  {{ law.name }}
  </p>
  </template>
+
  <template #description-data="{ row: law }">
  <p
  class="line-clamp-2 w-full max-w-sm whitespace-normal break-all hover:line-clamp-none"
  >
  {{ law.description }}
  </p>
  </template>
+
  <template #count-data="{ row: law }">
  <USelect
  name="count"