svgl
diff --git a/src/components/svgCard.svelte b/src/components/svgCard.svelte
index 828a40c..0e44495 100644
--- a/src/components/svgCard.svelte
+++ b/src/components/svgCard.svelte
@@ -28,6 +28,7 @@
import { onMount } from 'svelte';
import { copyToClipboard as figmaCopyToClipboard } from '@/figma/copy-to-clipboard';
import { insertSVG as figmaInsertSVG } from '@/figma/insert-svg';
+ import { badgeStyles } from '@/ui/styles';
// Props:
export let svgInfo: iSVG;
@@ -186,34 +187,21 @@
/>
{/if}
-
-
+
{svgInfo.title}
-
diff --git a/src/ui/styles.ts b/src/ui/styles.ts
index d0accae..d3440ca 100644
--- a/src/ui/styles.ts
+++ b/src/ui/styles.ts
@@ -3,3 +3,6 @@ export const buttonStyles =
export const inputStyles =
'w-full border-b border-neutral-300 bg-white p-3 px-11 placeholder-neutral-500 focus:outline-none focus:ring-1 focus:ring-neutral-300 dark:border-neutral-800 dark:bg-neutral-900 dark:focus:ring-neutral-700';
+
+export const badgeStyles =
+ 'inline-flex items-center px-2.5 py-0.5 rounded-full font-medium bg-neutral-100 dark:bg-neutral-800/50 text-neutral-500 dark:text-neutral-400 text-xs font-mono hover:underline';