github-mirrors/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2026-05-18 03:10:24 +03:00
Code Issues Packages Projects Releases Wiki Activity

refactor: clean class (#26879)

Browse Source
This commit is contained in:
Jason Rasmussen
2026-03-12 10:53:46 -04:00
committed by GitHub
parent 5c3777ab46
commit 3bd37ebbfb
10 changed files with 93 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/QueueCardBadge.svelte
+14 -12
View File
@@ -1,23 +1,25 @@
<script lang="ts" module>
export type Color = 'success' | 'warning';
</script>
<script lang="ts">
import type { Snippet } from 'svelte';
import { tv } from 'tailwind-variants';
interface Props {
color: Color;
type Props = {
color: 'success' | 'warning';
children?: Snippet;
}
};
let { color, children }: Props = $props();
const colorClasses: Record<Color, string> = {
success: 'bg-green-500/70 text-gray-900 dark:bg-green-700/90 dark:text-gray-100',
warning: 'bg-orange-400/70 text-gray-900 dark:bg-orange-900 dark:text-gray-100',
};
const styles = tv({
base: 'w-full p-2 text-center text-sm ',
variants: {
color: {
success: 'bg-green-500/70 text-gray-900 dark:bg-green-700/90 dark:text-gray-100',
warning: 'bg-orange-400/70 text-gray-900 dark:bg-orange-900 dark:text-gray-100',
},
},
});
</script>
<div class="w-full p-2 text-center text-sm {colorClasses[color]}">
<div class={styles({ color })}>
{@render children?.()}
</div>