chore(web): migrate CircleIconButton to @immich/ui IconButton (#18486)

* remove import and referenced file

* first pass at replacing all CircleIconButtons

* fix linting issues

* fix combobox formatting issues

* fix button context menu coloring

* remove circle icon button from search history box

* use theme switcher from UI lib

* dark mode force the asset viewer icons

* fix forced dark mode icons

* dark mode memory viewer icons

* fix: back button in memory viewer

---------

Co-authored-by: Alex <alex.tran1502@gmail.com>
This commit is contained in:
Brandon Wees 2025-06-02 09:47:23 -05:00 committed by GitHub
parent d544053c67
commit a02e1f5e7c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
75 changed files with 822 additions and 556 deletions

View file

@ -132,7 +132,7 @@
{#if showControls}
<div
class="m-4 flex gap-2"
class="m-4 flex gap-2 dark"
onmouseenter={() => (isOverControls = true)}
onmouseleave={() => (isOverControls = false)}
transition:fly={{ duration: 150 }}
@ -145,7 +145,6 @@
icon={mdiClose}
onclick={onClose}
aria-label={$t('exit_slideshow')}
class="text-white"
/>
<IconButton
@ -155,7 +154,6 @@
icon={progressBarStatus === ProgressBarStatus.Paused ? mdiPlay : mdiPause}
onclick={() => (progressBarStatus === ProgressBarStatus.Paused ? progressBar?.play() : progressBar?.pause())}
aria-label={progressBarStatus === ProgressBarStatus.Paused ? $t('play') : $t('pause')}
class="text-white"
/>
<IconButton
variant="ghost"
@ -164,7 +162,6 @@
icon={mdiChevronLeft}
onclick={onPrevious}
aria-label={$t('previous')}
class="text-white"
/>
<IconButton
variant="ghost"
@ -173,7 +170,6 @@
icon={mdiChevronRight}
onclick={onNext}
aria-label={$t('next')}
class="text-white"
/>
<IconButton
variant="ghost"
@ -182,7 +178,6 @@
icon={mdiCog}
onclick={onShowSettings}
aria-label={$t('slideshow_settings')}
class="text-white"
/>
{#if !isFullScreen}
<IconButton
@ -192,7 +187,6 @@
icon={mdiFullscreen}
onclick={onSetToFullScreen}
aria-label={$t('set_slideshow_to_fullscreen')}
class="text-white"
/>
{/if}
</div>