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

chore: upgrade to tailwind v4 (#18353)

Browse source
This commit is contained in:
Daniel Dietzler 2025-05-18 15:51:33 +02:00 • committed by GitHub
parent c411c1472a
commit 56156b97e7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
48 changed files with 930 additions and 733 deletions
Download patch file Download diff file Expand all files Collapse all files

8
web/src/lib/components/photos-page/memory-lane.svelte
View file

@ -47,7 +47,7 @@
{#if canScrollLeft || canScrollRight}
<div class="sticky start-0">
{#if canScrollLeft}
<div class="absolute start-4 top-[6rem]" transition:fade={{ duration: 200 }}>
<div class="absolute start-4 top-24" transition:fade={{ duration: 200 }}>
<button
type="button"
class="rounded-full border border-gray-500 bg-gray-100 p-2 text-gray-500 opacity-50 hover:opacity-100"
@ -60,7 +60,7 @@
</div>
{/if}
{#if canScrollRight}
<div class="absolute end-4 top-[6rem]" transition:fade={{ duration: 200 }}>
<div class="absolute end-4 top-24" transition:fade={{ duration: 200 }}>
<button
type="button"
class="rounded-full border border-gray-500 bg-gray-100 p-2 text-gray-500 opacity-50 hover:opacity-100"
@ -77,7 +77,7 @@
<div class="inline-block" use:resizeObserver={({ width }) => (innerWidth = width)}>
{#each memoryStore.memories as memory (memory.id)}
<a
class="memory-card relative me-2 md:me-4 last:me-0 inline-block aspect-[3/4] md:aspect-[4/3] max-md:h-[150px] xl:aspect-video h-[215px] rounded-xl"
class="memory-card relative me-2 md:me-4 last:me-0 inline-block aspect-3/4 md:aspect-4/3 max-md:h-[150px] xl:aspect-video h-[215px] rounded-xl"
href="{AppRoute.MEMORY}?{QueryParameter.ID}={memory.assets[0].id}"
>
<img
@ -87,7 +87,7 @@
draggable="false"
/>
<div
class="absolute start-0 top-0 h-full w-full rounded-xl bg-gradient-to-t from-black/40 via-transparent to-transparent transition-all hover:bg-black/20"
class="absolute start-0 top-0 h-full w-full rounded-xl bg-linear-to-t from-black/40 via-transparent to-transparent transition-all hover:bg-black/20"
></div>
<p class="absolute bottom-2 start-4 text-lg text-white max-md:text-sm">
{$memoryLaneTitle(memory)}