mirror of
https://github.com/KevinMidboe/immich.git
synced 2025-10-29 09:30:28 +00:00
22 lines
626 B
Svelte
22 lines
626 B
Svelte
<script lang="ts" context="module">
|
|
export type Colors = 'light-gray' | 'gray';
|
|
</script>
|
|
|
|
<script lang="ts">
|
|
export let color: Colors;
|
|
|
|
const colorClasses: Record<Colors, string> = {
|
|
'light-gray': 'bg-gray-300/90 dark:bg-gray-600/90',
|
|
gray: 'bg-gray-300 dark:bg-gray-600',
|
|
};
|
|
</script>
|
|
|
|
<button
|
|
class="h-full w-full py-2 flex gap-2 flex-col place-items-center place-content-center px-8 text-gray-600 transition-colors hover:bg-immich-primary hover:text-white dark:text-gray-200 dark:hover:bg-immich-dark-primary text-xs dark:hover:text-black {colorClasses[
|
|
color
|
|
]}"
|
|
on:click
|
|
>
|
|
<slot />
|
|
</button>
|