Fix TabMenu to use tabs-bordered and bold text (#792)

sillsdev · Jan 28, 2025 · 35abe1d · 35abe1d
1 parent b882c68
commit 35abe1d
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/lib/components/TabsMenu.svelte b/src/lib/components/TabsMenu.svelte
@@ -31,7 +31,8 @@ A component to display tabbed menus.
 </script>
 
 {#if hasTabs}
-    <div class="dy-tabs mb-1" style={convertStyle($s['ui.selector.tabs'])}>
+    <div class="dy-tabs dy-tabs-bordered mb-1" style={convertStyle($s['ui.selector.tabs'])}>
+        {(console.log(`active: ${active}`), '')}
         {#each Object.keys(options) as opt}
             {#if options[opt].visible}
                 <!-- svelte-ignore a11y-missing-attribute -->
@@ -40,8 +41,8 @@ A component to display tabbed menus.
                 <a
                     on:click|preventDefault={() => setActive(opt)}
                     style:border-color={active === opt ? '#FFFFFF' : ''}
-                    class="dy-tab dy-tab-bordered text-white normal-case {active === opt
-                        ? 'dy-tab-active'
+                    class="dy-tab text-white normal-case {active === opt
+                        ? 'dy-tab-active font-bold'
                         : ''}"
                     style:background="none"
                     role="button"