immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-23 17:25:11 +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

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"