enhance: Improve empty tag preview height (#124)

navorite · Dec 10, 2023 · a829026 · a829026
1 parent 36e1e86
commit a829026
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/src/lib/components/basic/Tag.svelte b/src/lib/components/basic/Tag.svelte
@@ -9,11 +9,14 @@
   export { className as class };
 </script>
 
-<span
+<div
   style:background-color={bgColor}
   style:color={textColor}
-  class="inline-block h-full w-full max-w-[7rem] cursor-default overflow-hidden overflow-ellipsis whitespace-nowrap rounded-md bg-primary px-1 py-0.5 text-center text-xs font-semibold text-white {className}"
+  class="flex min-h-full max-w-[7rem] flex-1 cursor-default items-center justify-center rounded-md bg-primary {className}"
   use:tooltip={{ title: name }}
 >
-  {name}
-</span>
+  <span
+    class="overflow-hidden text-ellipsis whitespace-nowrap px-1 py-0.5 text-center text-xs font-semibold text-white"
+    >{name}</span
+  >
+</div>
diff --git a/src/lib/components/options/basic/TagEditor.svelte b/src/lib/components/options/basic/TagEditor.svelte
@@ -125,7 +125,7 @@
       </td>
       <td>
         <Tag
-          name={addedTag.name || '' }
+          name={addedTag.name || 'Preview'}
           bgColor={addedTag.bgColor}
           textColor={addedTag.textColor}
         />