feat(web): standardize CircleIconButton colors (#9127)

* feat(web): standardize CircleIconButton colors

* fix: memory lane close button color
This commit is contained in:
Ben 2024-04-27 22:29:43 +00:00 committed by GitHub
parent 034c928d9e
commit 19aa97da02
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 71 additions and 93 deletions

View file

@ -46,6 +46,8 @@
document.removeEventListener('scroll', onScroll);
}
});
$: buttonClass = forceDark ? 'hover:text-immich-dark-gray' : undefined;
</script>
<div in:fly={{ y: 10, duration: 200 }} class="absolute top-0 w-full z-[100] bg-transparent">
@ -57,15 +59,7 @@
>
<div class="flex place-items-center gap-6 justify-self-start dark:text-immich-dark-fg">
{#if showBackButton}
<CircleIconButton
title="Close"
on:click={handleClose}
icon={backIcon}
backgroundColor={'transparent'}
hoverColor={'#e2e7e9'}
size={'24'}
forceDark
/>
<CircleIconButton title="Close" on:click={handleClose} icon={backIcon} size={'24'} class={buttonClass} />
{/if}
<slot name="leading" />
</div>