immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-18 09:13:15 +03:00
Code Issues Packages Projects Releases 16 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

4
web/src/lib/components/faces-page/assign-face-side-panel.svelte
View File

@@ -73,7 +73,7 @@
<section
transition:fly={{ x: 360, duration: 100, easing: linear }}
class="absolute top-0 h-full w-[360px] overflow-x-hidden p-2 dark:text-immich-dark-fg bg-light"
class="absolute top-0 h-full w-90 overflow-x-hidden p-2 dark:text-immich-dark-fg bg-light"
>
<div class="flex place-items-center justify-between gap-2">
{#if !searchFaces}
@@ -157,7 +157,7 @@
{#each showPeople as person (person.id)}
{#if !editedFace.person || person.id !== editedFace.person.id}
<div class="w-fit">
<button type="button" class="w-[90px]" onclick={() => onReassign(person)}>
<button type="button" class="w-22.5" onclick={() => onReassign(person)}>
<div class="relative">
<ImageThumbnail
curve

4
web/src/lib/components/faces-page/merge-face-selector.svelte
View File

@@ -103,9 +103,9 @@
</Button>
{/snippet}
</ControlAppBar>
<section class="px-[70px] pt-[100px]">
<section class="px-17.5 pt-25">
<section id="merge-face-selector">
<div class="mb-10 h-[200px] place-content-center place-items-center">
<div class="mb-10 h-50 place-content-center place-items-center">
<p class="mb-4 text-center uppercase dark:text-white">{$t('choose_matching_people_to_merge')}</p>
<div class="grid grid-flow-col-dense place-content-center place-items-center gap-4">

12
web/src/lib/components/faces-page/person-side-panel.svelte
View File

@@ -186,7 +186,7 @@
<section
transition:fly={{ x: 360, duration: 100, easing: linear }}
class="absolute top-0 h-full w-[360px] overflow-x-hidden p-2 dark:text-immich-dark-fg bg-light"
class="absolute top-0 h-full w-90 overflow-x-hidden p-2 dark:text-immich-dark-fg bg-light"
>
<div class="flex place-items-center justify-between gap-2">
<div class="flex items-center gap-2">
@@ -222,11 +222,11 @@
{:else}
{#each peopleWithFaces as face, index (face.id)}
{@const personName = face.person ? face.person?.name : $t('face_unassigned')}
<div class="relative h-[115px] w-[95px]">
<div class="relative h-29 w-24">
<div
role="button"
tabindex={index}
class="absolute start-0 top-0 h-[90px] w-[90px] cursor-default"
class="absolute start-0 top-0 h-22.5 w-22.5 cursor-default"
onfocus={() => ($boundingBoxesArray = [peopleWithFaces[index]])}
onmouseover={() => ($boundingBoxesArray = [peopleWithFaces[index]])}
onmouseleave={() => ($boundingBoxesArray = [])}
@@ -302,7 +302,7 @@
</p>
{/if}
<div class="absolute -end-[3px] -top-[3px] h-[20px] w-[20px] rounded-full">
<div class="absolute -end-[3px] -top-[3px] h-5 w-5 rounded-full">
{#if selectedPersonToCreate[face.id] || selectedPersonToReassign[face.id]}
<IconButton
shape="round"
@@ -326,7 +326,7 @@
/>
{/if}
</div>
<div class="absolute end-[33px] -top-[3px] h-[20px] w-[20px] rounded-full">
<div class="absolute end-8 -top-[3px] h-5 w-5 rounded-full">
{#if !selectedPersonToCreate[face.id] && !selectedPersonToReassign[face.id] && !face.person}
<div
class="flex place-content-center place-items-center rounded-full bg-[#d3d3d3] p-1 transition-all absolute start-1/2 top-1/2 translate-x-[-50%] translate-y-[-50%] transform"
@@ -336,7 +336,7 @@
{/if}
</div>
{#if face.person != null}
<div class="absolute -end-[3px] top-[33px] h-[20px] w-[20px] rounded-full">
<div class="absolute -end-[3px] top-8 h-5 w-5 rounded-full">
<IconButton
shape="round"
color="danger"

4
web/src/lib/components/faces-page/unmerge-face-selector.svelte
View File

@@ -147,10 +147,10 @@
{/snippet}
</ControlAppBar>
{@render merge?.()}
<section class="px-[70px] pt-[100px]">
<section class="px-17.5 pt-25">
<section id="merge-face-selector relative">
{#if selectedPerson !== null}
<div class="mb-10 h-[200px] place-content-center place-items-center">
<div class="mb-10 h-50 place-content-center place-items-center">
<p class="mb-4 text-center uppercase dark:text-white">Choose matching faces to re assign</p>
<div class="grid grid-flow-col-dense place-content-center place-items-center gap-4">