faupau
b970a40b4e
* make sidebar load more fluid use css before js kicks in added xs breakpoint in tailwind config * fix sidebar hr still showing if opened * make share tab not overflow on mobile * make user management tab responsive * make jobs panel responsive * fix format in tailwind config * fix full width on large screens use md breakpoint for w-[800px] * show accessible name for all screens * replace grid with flex-col * replace all xs with sm * remove isCollapsed completly using only tailwinds group feature and sm and md breakpoints * remove leftovers of isCollapsed and make the settings content less stretched * remove isCollapsed in layout and side-bar * fix code style --------- Co-authored-by: faupau03 <paul.paffe@gmx.net> Co-authored-by: Alex <alex.tran1502@gmail.com>
22 lines
611 B
Svelte
22 lines
611 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>
|