refac: styling

2025-09-15 13:22:41 -05:00
parent 24971ffce0
commit 308c277fd3
2 changed files with 22 additions and 9 deletions
@@ -2,14 +2,22 @@
 	export let size = 'md';
 </script>

-<span class="relative flex {size === 'md' ? 'size-3 my-2' : 'size-2 my-1'} mx-1">
+<span
+	class="relative flex {size === 'md'
+		? 'size-3 my-2'
+		: size === 'xs'
+			? 'size-1.5 my-1'
+			: 'size-2 my-1'} mx-1"
+>
 	<span
 		class="absolute inline-flex h-full w-full animate-pulse rounded-full bg-gray-700 dark:bg-gray-200 opacity-75"
 	></span>
 	<span
 		class="relative inline-flex {size === 'md'
 			? 'size-3'
-			: 'size-2'} rounded-full bg-black dark:bg-white animate-size"
+			: size === 'xs'
+				? 'size-1.5'
+				: 'size-2'} rounded-full bg-black dark:bg-white animate-size"
 	></span>
 </span>