immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-21 09:15:44 +03:00
Code Issues Packages Projects Releases 18 Wiki Activity

chore: cannonical tailwind classes (#23427)

Browse Source
This commit is contained in:
Daniel Dietzler
2025-10-31 16:38:17 +01:00
committed by GitHub
parent be15a84f9b
commit f5d7e5acca
69 changed files with 117 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/lib/modals/AlbumEditModal.svelte
View File

@@ -39,7 +39,7 @@
<ModalBody>
<form onsubmit={handleSubmit} autocomplete="off" id="edit-album-form">
<div class="flex items-center gap-8 m-4">
<AlbumCover {album} class="h-[200px] w-[200px] shadow-lg hidden sm:flex" />
<AlbumCover {album} class="h-50 w-50 shadow-lg hidden sm:flex" />
<div class="grow flex flex-col gap-4">
<Field label={$t('name')}>

2
web/src/lib/modals/AlbumPickerModal.svelte
View File

@@ -148,7 +148,7 @@
<Modal title={shared ? $t('add_to_shared_album') : $t('add_to_album')} {onClose} size="small">
<ModalBody>
<div class="mb-2 flex max-h-[400px] flex-col">
<div class="mb-2 flex max-h-100 flex-col">
{#if loading}
<!-- eslint-disable-next-line svelte/require-each-key -->
{#each { length: 3 } as _}

2
web/src/lib/modals/AlbumShareModal.svelte
View File

@@ -117,7 +117,7 @@
</p>
{/if}
<div class="immich-scrollbar max-h-[500px] overflow-y-auto">
<div class="immich-scrollbar max-h-125 overflow-y-auto">
{#if users.length > 0 && users.length !== Object.keys(selectedUsers).length}
<Text>{$t('users')}</Text>

2
web/src/lib/modals/AlbumUsersModal.svelte
View File

@@ -99,7 +99,7 @@
<Modal title={$t('options')} size="small" {onClose}>
<ModalBody>
<section class="immich-scrollbar max-h-[400px] overflow-y-auto pb-4">
<section class="immich-scrollbar max-h-100 overflow-y-auto pb-4">
{#each [{ user: album.owner, role: 'owner' }, ...album.albumUsers] as { user, role } (user.id)}
<div class="flex w-full place-items-center justify-between gap-4 p-5 rounded-xl transition-colors">
<div class="flex place-items-center gap-4">

6
web/src/lib/modals/AppDownloadModal.svelte
View File

@@ -17,21 +17,21 @@
target="_blank"
id="play-store-link"
>
<img class="w-[200px] mt-2" alt="Get it on Google Play" src={playStoreBadge} />
<img class="w-50 mt-2" alt="Get it on Google Play" src={playStoreBadge} />
</a>
</div>
<div class="flex flex-col place-items-start">
<Text>App Store</Text>
<a href="https://apps.apple.com/us/app/immich/id1613945652" target="_blank" id="app-store-link">
<img class="w-[200px] mt-2" alt="Download on the App Store" src={appStoreBadge} />
<img class="w-50 mt-2" alt="Download on the App Store" src={appStoreBadge} />
</a>
</div>
<div class="flex flex-col place-items-start">
<Text>F-Droid</Text>
<a href="https://f-droid.org/packages/app.alextran.immich/" target="_blank" id="fdroid-link">
<img class="w-[200px] mt-2" alt="Get it on F-Droid" src={fdroidBadge} />
<img class="w-50 mt-2" alt="Get it on F-Droid" src={fdroidBadge} />
</a>
</div>
</div>

2
web/src/lib/modals/ObtainiumConfigModal.svelte
View File

@@ -73,7 +73,7 @@
rel="noreferrer"
id="obtainium-link"
>
<img class="pt-2 pr-5 h-[80px]" alt="Get it on Obtainium" src={obtainiumBadge} />
<img class="pt-2 pr-5 h-20" alt="Get it on Obtainium" src={obtainiumBadge} />
</a>
</div>
</div>

2
web/src/lib/modals/PartnerSelectionModal.svelte
View File

@@ -36,7 +36,7 @@
<Modal title={$t('add_partner')} {onClose} size="small">
<ModalBody>
<div class="immich-scrollbar max-h-[300px] overflow-y-auto">
<div class="immich-scrollbar max-h-75 overflow-y-auto">
{#if availableUsers.length > 0}
{#each availableUsers as user (user.id)}
<button

2
web/src/lib/modals/ProfileImageCropperModal.svelte
View File

@@ -83,7 +83,7 @@
<ModalBody>
<div class="flex place-items-center items-center justify-center">
<div
class="relative flex aspect-square w-[250px] overflow-hidden rounded-full border-4 border-immich-primary bg-immich-dark-primary dark:border-immich-dark-primary dark:bg-immich-primary"
class="relative flex aspect-square w-62.5 overflow-hidden rounded-full border-4 border-immich-primary bg-immich-dark-primary dark:border-immich-dark-primary dark:bg-immich-primary"
>
<PhotoViewer bind:element={imgElement} {asset} />
</div>