chore(web): standardize settings labels (#10303)

* chore(web): standardize settings labels

- spelling out "max" and "min" in full
- accordions use title case
- labels for settings all use sentence case
- remove the "Enable"/"Enabled"/"ENABLED" titles for toggles, in favor
  of just using the description
- change any gray labels to be immich blue, to match the look and feel
  of the other settings

* chore: update user settings toggle, remove unused "enable" strings
This commit is contained in:
Ben
2024-06-14 07:32:41 +00:00
committed by GitHub
parent e1731fe316
commit 211451d234
19 changed files with 105 additions and 118 deletions

View File

@@ -45,7 +45,7 @@
<div class="ml-4 mt-4 flex flex-col gap-4">
<SettingInputField
inputType={SettingInputFieldType.PASSWORD}
label={$t('password').toUpperCase()}
label={$t('password')}
bind:value={password}
required={true}
passwordAutocomplete="current-password"
@@ -53,7 +53,7 @@
<SettingInputField
inputType={SettingInputFieldType.PASSWORD}
label={$t('new_password').toUpperCase()}
label={$t('new_password')}
bind:value={newPassword}
required={true}
passwordAutocomplete="new-password"
@@ -61,7 +61,7 @@
<SettingInputField
inputType={SettingInputFieldType.PASSWORD}
label={$t('confirm_password').toUpperCase()}
label={$t('confirm_password')}
bind:value={confirmPassword}
required={true}
passwordAutocomplete="new-password"

View File

@@ -45,8 +45,7 @@
<div class="ml-4 mt-4 flex flex-col gap-4">
<div class="ml-4">
<SettingSwitch
title={$t('enable')}
subtitle={$t('notification_toggle_setting_description')}
title={$t('notification_toggle_setting_description')}
bind:checked={emailNotificationsEnabled}
/>
</div>

View File

@@ -44,27 +44,23 @@
<div class="ml-4 mt-4 flex flex-col gap-4">
<SettingInputField
inputType={SettingInputFieldType.TEXT}
label={$t('user_id').toUpperCase()}
label={$t('user_id')}
bind:value={editedUser.id}
disabled={true}
/>
<SettingInputField
inputType={SettingInputFieldType.EMAIL}
label={$t('email').toUpperCase()}
bind:value={editedUser.email}
/>
<SettingInputField inputType={SettingInputFieldType.EMAIL} label={$t('email')} bind:value={editedUser.email} />
<SettingInputField
inputType={SettingInputFieldType.TEXT}
label={$t('name').toUpperCase()}
label={$t('name')}
bind:value={editedUser.name}
required={true}
/>
<SettingInputField
inputType={SettingInputFieldType.TEXT}
label={$t('storage_label').toUpperCase()}
label={$t('storage_label')}
disabled={true}
value={editedUser.storageLabel || ''}
required={false}