self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-06-16 03:40:33 +02:00
Code Issues Releases Activity

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

Browse Source 
* 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
9 changed files with 71 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/lib/components/memory-page/memory-viewer.svelte
View File

@ -111,8 +111,8 @@
<CircleIconButton
title={paused ? 'Play memories' : 'Pause memories'}
icon={paused ? mdiPlay : mdiPause}
forceDark
on:click={() => (paused = !paused)}
class="hover:text-black"
/>
{#each currentMemory.assets as _, index}
@ -149,7 +149,7 @@
class:opacity-100={galleryInView}
>
<button on:click={() => memoryWrapper.scrollIntoView({ behavior: 'smooth' })} disabled={!galleryInView}>
<CircleIconButton title="Hide gallery" icon={mdiChevronUp} backgroundColor="white" forceDark />
<CircleIconButton title="Hide gallery" icon={mdiChevronUp} color="light" />
</button>
</div>
{/if}
@ -209,23 +209,13 @@
<!-- CONTROL BUTTONS -->
{#if canGoBack}
<div class="absolute top-1/2 left-0 ml-4">
<CircleIconButton
title="Previous memory"
icon={mdiChevronLeft}
backgroundColor="#202123"
on:click={toPrevious}
/>
<CircleIconButton title="Previous memory" icon={mdiChevronLeft} color="dark" on:click={toPrevious} />
</div>
{/if}
{#if canGoForward}
<div class="absolute top-1/2 right-0 mr-4">
<CircleIconButton
title="Next memory"
icon={mdiChevronRight}
backgroundColor="#202123"
on:click={toNext}
/>
<CircleIconButton title="Next memory" icon={mdiChevronRight} color="dark" on:click={toNext} />
</div>
{/if}
@ -286,7 +276,7 @@
class:opacity-100={!galleryInView}
>
<button on:click={() => memoryGallery.scrollIntoView({ behavior: 'smooth' })}>
<CircleIconButton title="Show gallery" icon={mdiChevronDown} backgroundColor="white" forceDark />
<CircleIconButton title="Show gallery" icon={mdiChevronDown} color="light" />
</button>
</div>