fix text styles in navigation badge (#2253)

temporalio · Aug 5, 2024 · 771e3f1 · 771e3f1
1 parent 72d623d
commit 771e3f1
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/lib/holocene/navigation/navigation-badge.svelte b/src/lib/holocene/navigation/navigation-badge.svelte
@@ -23,17 +23,19 @@
     href={link}
     {rel}
     {target}
-    class="relative flex cursor-pointer items-center whitespace-nowrap rounded-lg border border-white/10 bg-white/5 text-white hover:bg-white hover:text-black group-data-[nav=closed]:p-1 group-data-[nav=open]:px-2.5 group-data-[nav=open]:py-2"
+    class="relative flex cursor-pointer items-center rounded-lg border border-white/10 bg-white/5 text-white hover:bg-white hover:text-black group-data-[nav=closed]:p-1 group-data-[nav=open]:px-2.5 group-data-[nav=open]:py-2"
   >
     <div
-      class="flex h-6 w-6 items-center after:absolute after:left-[calc(100%_+_1.5rem)] after:top-0 after:hidden after:h-8 after:items-center after:rounded-md after:bg-slate-800 after:p-1 after:px-2 after:text-xs after:text-white after:content-[attr(data-tooltip)] group-data-[nav=open]:hidden group-data-[nav=open]:justify-start group-data-[nav=closed]:justify-center group-data-[nav=closed]:hover:after:flex"
+      class="flex h-6 w-6 items-center whitespace-nowrap after:absolute after:left-[calc(100%_+_1.5rem)] after:top-0 after:hidden after:h-8 after:items-center after:rounded-md after:bg-slate-800 after:p-1 after:px-2 after:text-xs after:text-white after:content-[attr(data-tooltip)] group-data-[nav=open]:hidden group-data-[nav=open]:justify-start group-data-[nav=closed]:justify-center group-data-[nav=closed]:hover:after:flex"
       data-tooltip={tooltip}
     >
       {#if icon}
         <Icon name={icon} />
       {/if}
     </div>
-    <div class="group-data-[nav=open]:visible group-data-[nav=closed]:hidden">
+    <div
+      class="text-center group-data-[nav=open]:visible group-data-[nav=closed]:hidden"
+    >
       <slot />
     </div>
   </a>