public/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-11-24 05:10:44 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(web): add zoom toggle icon (#2873)

Browse Source 
* feat(web): add zoom toggle icon

* update zoom-image dependency

* fix lint issues

* remove variable testing line

* Simplify code using ternary conditional

Co-authored-by: Thomas <9749173+uhthomas@users.noreply.github.com>

* fix typo

---------

Co-authored-by: Thomas <9749173+uhthomas@users.noreply.github.com>
This commit is contained in:
Manuel Taberna
2023-06-20 16:36:38 +02:00
committed by GitHub
parent f9fbf1a2a5
commit 48e4ea5231
6 changed files with 45 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/lib/components/elements/buttons/circle-icon-button.svelte
View File

@@ -8,6 +8,7 @@
export let title = '';
export let isOpacity = false;
export let forceDark = false;
export let hideMobile = false;
</script>
<button
@@ -17,7 +18,8 @@
class:dark:text-immich-dark-fg={!forceDark}
class="rounded-full p-3 flex place-items-center place-content-center transition-all
{isOpacity ? 'hover:bg-immich-bg/30' : 'immich-circle-icon-button hover:dark:text-immich-dark-gray'}
{forceDark && 'hover:text-black'}"
{forceDark && 'hover:text-black'}
{hideMobile && 'hidden sm:flex'}"
on:click
>
<svelte:component this={logo} {size} />