helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-07 17:27:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source 
* 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
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
19 changed files with 105 additions and 118 deletions
Download patch file Download diff file Expand all files Collapse all files

14
web/src/lib/components/admin-page/settings/image/image-settings.svelte
View file

@ -26,7 +26,7 @@
<form autocomplete="off" on:submit|preventDefault>
<div class="ml-4 mt-4 flex flex-col gap-4">
<SettingSelect
label={$t('admin.image_thumbnail_format').toUpperCase()}
label={$t('admin.image_thumbnail_format')}
desc={$t('admin.image_format_description')}
bind:value={config.image.thumbnailFormat}
options={[
@ -39,7 +39,7 @@
/>
<SettingSelect
label={$t('admin.image_thumbnail_resolution').toUpperCase()}
label={$t('admin.image_thumbnail_resolution')}
desc={$t('admin.image_thumbnail_resolution_description')}
number
bind:value={config.image.thumbnailSize}
@ -56,7 +56,7 @@
/>
<SettingSelect
label={$t('admin.image_preview_format').toUpperCase()}
label={$t('admin.image_preview_format')}
desc={$t('admin.image_format_description')}
bind:value={config.image.previewFormat}
options={[
@ -69,7 +69,7 @@
/>
<SettingSelect
label={$t('admin.image_preview_resolution').toUpperCase()}
label={$t('admin.image_preview_resolution')}
desc={$t('admin.image_preview_resolution_description')}
number
bind:value={config.image.previewSize}
@ -86,7 +86,7 @@
<SettingInputField
inputType={SettingInputFieldType.NUMBER}
label={$t('admin.image_quality').toUpperCase()}
label={$t('admin.image_quality')}
desc={$t('admin.image_quality_description')}
bind:value={config.image.quality}
isEdited={config.image.quality !== savedConfig.image.quality}
@ -94,7 +94,7 @@
/>
<SettingSwitch
title={$t('admin.image_prefer_wide_gamut').toUpperCase()}
title={$t('admin.image_prefer_wide_gamut')}
subtitle={$t('admin.image_prefer_wide_gamut_setting_description')}
checked={config.image.colorspace === Colorspace.P3}
on:toggle={(e) => (config.image.colorspace = e.detail ? Colorspace.P3 : Colorspace.Srgb)}
@ -103,7 +103,7 @@
/>
<SettingSwitch
title={$t('admin.image_prefer_embedded_preview').toUpperCase()}
title={$t('admin.image_prefer_embedded_preview')}
subtitle={$t('admin.image_prefer_embedded_preview_setting_description')}
checked={config.image.extractEmbedded}
on:toggle={() => (config.image.extractEmbedded = !config.image.extractEmbedded)}