immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-19 01:11:07 +03:00
Code Issues Packages Projects Releases 17 Wiki Activity

feat: rtl (#17860)

Browse Source
This commit is contained in:
Jason Rasmussen
2025-04-28 09:53:53 -04:00
committed by GitHub
parent 85ac0512a6
commit e6c575c33e
130 changed files with 354 additions and 323 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/lib/components/user-settings-page/app-settings.svelte
View File

@@ -96,8 +96,8 @@
<section class="my-4">
<div in:fade={{ duration: 500 }}>
<div class="ml-4 mt-4 flex flex-col gap-4">
<div class="ml-4">
<div class="ms-4 mt-4 flex flex-col gap-4">
<div class="ms-4">
<SettingSwitch
title={$t('theme_selection')}
subtitle={$t('theme_selection_description')}
@@ -106,7 +106,7 @@
/>
</div>
<div class="ml-4">
<div class="ms-4">
<SettingCombobox
comboboxPlaceholder={$t('language')}
selectedOption={langOptions.find(({ value }) => value === closestLanguage) || defaultLangOption}
@@ -117,7 +117,7 @@
/>
</div>
<div class="ml-4">
<div class="ms-4">
<SettingSwitch
title={$t('default_locale')}
subtitle={$t('default_locale_description')}
@@ -128,7 +128,7 @@
</SettingSwitch>
</div>
{#if $locale !== undefined}
<div class="ml-4">
<div class="ms-4">
<SettingCombobox
comboboxPlaceholder={$t('searching_locales')}
{selectedOption}
@@ -140,7 +140,7 @@
</div>
{/if}
<div class="ml-4">
<div class="ms-4">
<SettingSwitch
title={$t('display_original_photos')}
subtitle={$t('display_original_photos_setting_description')}
@@ -148,7 +148,7 @@
onToggle={() => ($alwaysLoadOriginalFile = !$alwaysLoadOriginalFile)}
/>
</div>
<div class="ml-4">
<div class="ms-4">
<SettingSwitch
title={$t('video_hover_setting')}
subtitle={$t('video_hover_setting_description')}
@@ -156,7 +156,7 @@
onToggle={() => ($playVideoThumbnailOnHover = !$playVideoThumbnailOnHover)}
/>
</div>
<div class="ml-4">
<div class="ms-4">
<SettingSwitch
title={$t('loop_videos')}
subtitle={$t('loop_videos_description')}
@@ -165,7 +165,7 @@
/>
</div>
<div class="ml-4">
<div class="ms-4">
<SettingSwitch
title={$t('permanent_deletion_warning')}
subtitle={$t('permanent_deletion_warning_setting_description')}

2
web/src/lib/components/user-settings-page/change-password-settings.svelte
View File

@@ -44,7 +44,7 @@
<section class="my-4">
<div in:fade={{ duration: 500 }}>
<form autocomplete="off" {onsubmit}>
<div class="ml-4 mt-4 flex flex-col gap-4">
<div class="ms-4 mt-4 flex flex-col gap-4">
<SettingInputField
inputType={SettingInputFieldType.PASSWORD}
label={$t('password')}

4
web/src/lib/components/user-settings-page/device-card.svelte
View File

@@ -31,7 +31,7 @@
</script>
<div class="flex w-full flex-row">
<div class="hidden items-center justify-center pr-2 text-immich-primary dark:text-immich-dark-primary sm:flex">
<div class="hidden items-center justify-center pe-2 text-immich-primary dark:text-immich-dark-primary sm:flex">
{#if device.deviceOS === 'Android'}
<Icon path={mdiAndroid} size="40" />
{:else if device.deviceOS === 'iOS' || device.deviceOS === 'macOS'}
@@ -50,7 +50,7 @@
<Icon path={mdiHelp} size="40" />
{/if}
</div>
<div class="flex grow flex-row justify-between gap-1 pl-4 sm:pl-0">
<div class="flex grow flex-row justify-between gap-1 ps-4 sm:ps-0">
<div class="flex flex-col justify-center gap-1 dark:text-white">
<span class="text-sm">
{#if device.deviceType || device.deviceOS}

2
web/src/lib/components/user-settings-page/download-settings.svelte
View File

@@ -43,7 +43,7 @@
<section class="my-4">
<div in:fade={{ duration: 500 }}>
<form autocomplete="off" {onsubmit}>
<div class="ml-4 mt-4 flex flex-col gap-4">
<div class="ms-4 mt-4 flex flex-col gap-4">
<SettingInputField
inputType={SettingInputFieldType.NUMBER}
label={$t('archive_size')}

22
web/src/lib/components/user-settings-page/feature-settings.svelte
View File

@@ -63,14 +63,14 @@
<section class="my-4">
<div in:fade={{ duration: 500 }}>
<form autocomplete="off" {onsubmit}>
<div class="ml-4 mt-4 flex flex-col">
<div class="ms-4 mt-4 flex flex-col">
<SettingAccordion key="folders" title={$t('folders')} subtitle={$t('folders_feature_description')}>
<div class="ml-4 mt-6">
<div class="ms-4 mt-6">
<SettingSwitch title={$t('enable')} bind:checked={foldersEnabled} />
</div>
{#if foldersEnabled}
<div class="ml-4 mt-6">
<div class="ms-4 mt-6">
<SettingSwitch
title={$t('sidebar')}
subtitle={$t('sidebar_display_description')}
@@ -81,18 +81,18 @@
</SettingAccordion>
<SettingAccordion key="memories" title={$t('time_based_memories')} subtitle={$t('photos_from_previous_years')}>
<div class="ml-4 mt-6">
<div class="ms-4 mt-6">
<SettingSwitch title={$t('enable')} bind:checked={memoriesEnabled} />
</div>
</SettingAccordion>
<SettingAccordion key="people" title={$t('people')} subtitle={$t('people_feature_description')}>
<div class="ml-4 mt-6">
<div class="ms-4 mt-6">
<SettingSwitch title={$t('enable')} bind:checked={peopleEnabled} />
</div>
{#if peopleEnabled}
<div class="ml-4 mt-6">
<div class="ms-4 mt-6">
<SettingSwitch
title={$t('sidebar')}
subtitle={$t('sidebar_display_description')}
@@ -103,17 +103,17 @@
</SettingAccordion>
<SettingAccordion key="rating" title={$t('rating')} subtitle={$t('rating_description')}>
<div class="ml-4 mt-6">
<div class="ms-4 mt-6">
<SettingSwitch title={$t('enable')} bind:checked={ratingsEnabled} />
</div>
</SettingAccordion>
<SettingAccordion key="shared-links" title={$t('shared_links')} subtitle={$t('shared_links_description')}>
<div class="ml-4 mt-6">
<div class="ms-4 mt-6">
<SettingSwitch title={$t('enable')} bind:checked={sharedLinksEnabled} />
</div>
{#if sharedLinksEnabled}
<div class="ml-4 mt-6">
<div class="ms-4 mt-6">
<SettingSwitch
title={$t('sidebar')}
subtitle={$t('sidebar_display_description')}
@@ -124,11 +124,11 @@
</SettingAccordion>
<SettingAccordion key="tags" title={$t('tags')} subtitle={$t('tag_feature_description')}>
<div class="ml-4 mt-6">
<div class="ms-4 mt-6">
<SettingSwitch title={$t('enable')} bind:checked={tagsEnabled} />
</div>
{#if tagsEnabled}
<div class="ml-4 mt-6">
<div class="ms-4 mt-6">
<SettingSwitch
title={$t('sidebar')}
subtitle={$t('sidebar_display_description')}

8
web/src/lib/components/user-settings-page/notifications-settings.svelte
View File

@@ -46,14 +46,14 @@
<section class="my-4">
<div in:fade={{ duration: 500 }}>
<form autocomplete="off" {onsubmit}>
<div class="ml-4 mt-4 flex flex-col gap-4">
<div class="ml-4">
<div class="ms-4 mt-4 flex flex-col gap-4">
<div class="ms-4">
<SettingSwitch
title={$t('notification_toggle_setting_description')}
bind:checked={emailNotificationsEnabled}
/>
</div>
<div class="ml-4">
<div class="ms-4">
<SettingSwitch
title={$t('album_added')}
subtitle={$t('album_added_notification_setting_description')}
@@ -61,7 +61,7 @@
disabled={!emailNotificationsEnabled}
/>
</div>
<div class="ml-4">
<div class="ms-4">
<SettingSwitch
title={$t('album_updated')}
subtitle={$t('album_updated_setting_description')}

2
web/src/lib/components/user-settings-page/partner-selection-modal.svelte
View File

@@ -54,7 +54,7 @@
<UserAvatar {user} size="lg" />
{/if}
<div class="text-left">
<div class="text-start">
<p class="text-immich-fg dark:text-immich-dark-fg">
{user.name}
</p>

2
web/src/lib/components/user-settings-page/partner-settings.svelte
View File

@@ -130,7 +130,7 @@
<div class="flex gap-4 rounded-lg pb-4 transition-all justify-between">
<div class="flex gap-4">
<UserAvatar user={partner.user} size="md" />
<div class="text-left">
<div class="text-start">
<p class="text-immich-fg dark:text-immich-dark-fg">
{partner.user.name}
</p>

2
web/src/lib/components/user-settings-page/user-api-key-list.svelte
View File

@@ -126,7 +126,7 @@
</div>
{#if keys.length > 0}
<table class="w-full text-left">
<table class="w-full text-start">
<thead
class="mb-4 flex h-12 w-full rounded-md border bg-gray-50 text-immich-primary dark:border-immich-dark-gray dark:bg-immich-dark-gray dark:text-immich-dark-primary"
>

2
web/src/lib/components/user-settings-page/user-profile-settings.svelte
View File

@@ -42,7 +42,7 @@
<section class="my-4">
<div in:fade={{ duration: 500 }}>
<form autocomplete="off" onsubmit={preventDefault(bubble('submit'))}>
<div class="ml-4 mt-4 flex flex-col gap-4">
<div class="ms-4 mt-4 flex flex-col gap-4">
<SettingInputField
inputType={SettingInputFieldType.TEXT}
label={$t('user_id')}

4
web/src/lib/components/user-settings-page/user-purchase-settings.svelte
View File

@@ -122,7 +122,7 @@
<!-- PRODUCT KEY INFO CARD -->
{#if isServerProduct}
<div
class="bg-gray-50 border border-immich-dark-primary/20 dark:bg-immich-dark-primary/15 p-6 pr-12 rounded-xl flex place-content-center gap-4"
class="bg-gray-50 border border-immich-dark-primary/20 dark:bg-immich-dark-primary/15 p-6 pe-12 rounded-xl flex place-content-center gap-4"
>
<Icon path={mdiKey} size="56" class="text-immich-primary dark:text-immich-dark-primary" />
@@ -152,7 +152,7 @@
{/if}
{:else}
<div
class="bg-gray-50 border border-immich-dark-primary/20 dark:bg-immich-dark-primary/15 p-6 pr-12 rounded-xl flex place-content-center gap-4"
class="bg-gray-50 border border-immich-dark-primary/20 dark:bg-immich-dark-primary/15 p-6 pe-12 rounded-xl flex place-content-center gap-4"
>
<Icon path={mdiKey} size="56" class="text-immich-primary dark:text-immich-dark-primary" />

4
web/src/lib/components/user-settings-page/user-usage-statistic.svelte
View File

@@ -68,7 +68,7 @@
<section class="my-6">
<p class="text-xs dark:text-white uppercase">{$t('photos_and_videos')}</p>
<div class="overflow-x-auto">
<table class="w-full text-left mt-4">
<table class="w-full text-start mt-4">
<thead
class="mb-4 flex h-12 w-full rounded-md border bg-gray-50 text-immich-primary dark:border-immich-dark-gray dark:bg-immich-dark-gray dark:text-immich-dark-primary"
>
@@ -92,7 +92,7 @@
<p class="text-xs dark:text-white uppercase">{$t('albums')}</p>
</div>
<div class="overflow-x-auto">
<table class="w-full text-left mt-4">
<table class="w-full text-start mt-4">
<thead
class="mb-4 flex h-12 w-full rounded-md border bg-gray-50 text-immich-primary dark:border-immich-dark-gray dark:bg-immich-dark-gray dark:text-immich-dark-primary"
>