mirror of
https://github.com/immich-app/immich.git
synced 2026-02-13 20:37:51 +03:00
98bb3de8da
* small changes in asset viewer navigation * add conditional wrapper and scroll only content * fix formatting * update conditional wrapper * remove emptz title attribute * remove conditional-wrapper as it is not needed * remove isTimeline * fix map over sidebar * fix overlap * fix conflict * revert z-index * add relative z index --------- Co-authored-by: faupau03 <paul.paffe@gmx.net>
35 lines
856 B
Svelte
35 lines
856 B
Svelte
<script lang="ts">
|
|
import type Icon from 'svelte-material-icons/AbTesting.svelte';
|
|
|
|
export let logo: typeof Icon;
|
|
export let backgroundColor = 'transparent';
|
|
export let hoverColor = '#e2e7e9';
|
|
export let size = '24';
|
|
export let title = '';
|
|
export let isOpacity = false;
|
|
</script>
|
|
|
|
<button
|
|
{title}
|
|
style:backgroundColor
|
|
style:--immich-icon-button-hover-color={hoverColor}
|
|
class="dark:text-immich-dark-fg 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'}"
|
|
on:click
|
|
>
|
|
<svelte:component this={logo} {size} />
|
|
<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>
|