superrob1500
/
mirror-immich
mirror of https://github.com/immich-app/immich
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chore: better contrast for highlighted button on control bar (#28217)

pull/27036/head^2
Alex 2026-05-04 09:39:37 -05:00 committed by GitHub
parent 01712cf0a7
commit af39384efb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/lib/components/shared-components/ControlAppBar.svelte
View File

@ -30,7 +30,7 @@
trailing,
}: Props = $props();
let appBarBorder = $state('bg-light border border-transparent');
let appBarBorder = $state('border border-subtle');
const onScroll = () => {
if (window.scrollY > 80) {
@ -40,7 +40,7 @@
appBarBorder = 'border border-gray-600';
}
} else {
appBarBorder = 'bg-light border border-transparent';
appBarBorder = 'border border-subtle';
}
};
@ -66,9 +66,9 @@
!multiRow && 'grid-cols-[10%_80%_10%] sm:grid-cols-[25%_50%_25%]',
'justify-between lg:grid-cols-[25%_50%_25%]',
appBarBorder,
'm-2 place-items-center rounded-lg p-2 transition-all max-md:p-0',
'm-2 place-items-center rounded-full p-2 transition-all max-md:p-0',
tailwindClasses,
forceDark ? 'bg-immich-dark-gray! text-white' : 'bg-subtle dark:bg-immich-dark-gray',
forceDark ? 'bg-immich-dark-gray! text-white' : 'bg-light-50 dark:bg-immich-dark-gray',
]}
>
<div class="flex place-items-center justify-self-start sm:gap-6 dark:text-immich-dark-fg {forceDark ? 'dark' : ''}">