feat(server/web): jobs clear button + queue status (#2144)

* feat(server/web): jobs clear button + queue status * adjust design and colors * Adjust some styling * show status next to buttons instead of on top * Update rounded corner for badge --------- Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
2023-04-01 22:46:07 +02:00
parent d04f340b5b
commit b06ddec2d5
32 changed files with 722 additions and 242 deletions
@@ -0,0 +1,16 @@
+<script lang="ts" context="module">
+	export type Color = 'success' | 'warning';
+</script>
+
+<script lang="ts">
+	export let color: Color;
+
+	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'
+	};
+</script>
+
+<div class="w-full text-center text-sm p-2 {colorClasses[color]}">
+	<slot />
+</div>