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 1

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

4
web/src/lib/components/elements/dropdown.svelte
View file

@ -108,7 +108,7 @@
{#if showMenu}
<div
transition:fly={{ y: -30, duration: 250 }}
class="text-sm font-medium z-[1] absolute flex min-w-[250px] max-h-[70vh] overflow-y-auto immich-scrollbar flex-col rounded-2xl bg-gray-100 py-2 text-black shadow-lg dark:bg-gray-700 dark:text-white {className} {getAlignClass(
class="text-sm font-medium z-1 absolute flex min-w-[250px] max-h-[70vh] overflow-y-auto immich-scrollbar flex-col rounded-2xl bg-gray-100 py-2 text-black shadow-lg dark:bg-gray-700 dark:text-white {className} {getAlignClass(
position,
)}"
>
@ -117,7 +117,7 @@
{@const buttonStyle = renderedOption.disabled ? '' : 'transition-all hover:bg-gray-300 dark:hover:bg-gray-800'}
<button
type="button"
class="grid grid-cols-[36px,1fr] place-items-center p-2 disabled:opacity-40 {buttonStyle}"
class="grid grid-cols-[36px_1fr] place-items-center p-2 disabled:opacity-40 {buttonStyle}"
disabled={renderedOption.disabled}
onclick={() => !renderedOption.disabled && handleSelectOption(option)}
>

2
web/src/lib/components/elements/group-tab.svelte
View file

@ -15,7 +15,7 @@
</script>
<fieldset
class="dark:bg-immich-dark-gray flex h-full rounded-2xl bg-gray-200 ring-gray-400 has-[:focus-visible]:ring dark:ring-gray-600"
class="dark:bg-immich-dark-gray flex h-full rounded-2xl bg-gray-200 ring-gray-400 has-focus-visible:ring dark:ring-gray-600"
>
<legend class="sr-only">{label}</legend>
{#each filters as filter, index (`${id}-${index}`)}

2
web/src/lib/components/elements/radio-button.svelte
View file

@ -10,7 +10,7 @@
let { id, label, name, value, group = $bindable(undefined) }: Props = $props();
</script>
<div class="flex items-center space-x-2">
<div class="flex items-center gap-2">
<input type="radio" {name} {id} {value} class="focus-visible:ring" bind:group />
<label for={id}>{label}</label>
</div>