mirror of
https://github.com/Art051/immich.git
synced 2025-08-11 19:29:00 +00:00
a0743d8b7d
* feat: global activity * fix: tests * pr feedback * use flexbox * fix: deleted control actions * fix: flex box * fix: do not show activity tab by default * feat: better grouping * fix: set isShared default value to false * fix: prevent re-rendering the asset grid * fix: activity status above the scrollbar * fix: prevent re-rendering the asset grid * fix: prevent re-rendering the asset grid * pr feedback * pr feedback * pr feedback * styling and better thumbnail --------- Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
40 lines
1.1 KiB
Svelte
40 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import Icon from '$lib/components/elements/icon.svelte';
|
|
|
|
export let icon: string;
|
|
export let backgroundColor = '';
|
|
export let hoverColor = '#e2e7e9';
|
|
export let padding = '3';
|
|
export let size = '24';
|
|
export let title = '';
|
|
export let isOpacity = false;
|
|
export let forceDark = false;
|
|
export let hideMobile = false;
|
|
export let iconColor = 'currentColor';
|
|
</script>
|
|
|
|
<button
|
|
{title}
|
|
style:background-color={backgroundColor}
|
|
style:--immich-icon-button-hover-color={hoverColor}
|
|
class:dark:text-immich-dark-fg={!forceDark}
|
|
class="flex place-content-center place-items-center rounded-full p-{padding} transition-all
|
|
{isOpacity ? 'hover:bg-immich-bg/30' : 'immich-circle-icon-button hover:dark:text-immich-dark-gray'}
|
|
{forceDark && 'hover:text-black'}
|
|
{hideMobile && 'hidden sm:flex'}"
|
|
on:click
|
|
>
|
|
<Icon path={icon} {size} color={iconColor} />
|
|
<slot />
|
|
</button>
|
|
|
|
<style>
|
|
:root {
|
|
--immich-icon-button-hover-color: #d3d3d3;
|
|
}
|
|
|
|
.immich-circle-icon-button:hover {
|
|
background-color: var(--immich-icon-button-hover-color) !important;
|
|
}
|
|
</style>
|