web

commit 45e4483149cc25ce92d0aa0f1f84208efd896ae9
parent e62ff2fdf159f36b9fd7a2bc53ea65557932a3aa
Author: triesap <137732411+triesap@users.noreply.github.com>
Date:   Thu, 29 Aug 2024 10:39:59 +0000

Edit tabs, use updated dynamic components

Diffstat:
M
src/lib/components/tabs.svelte
 | 
9
++++-----

1 file changed, 4 insertions(+), 5 deletions(-)
diff --git a/src/lib/components/tabs.svelte b/src/lib/components/tabs.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { app_layout, app_tab_active, app_tabs_blur } from "$lib/stores";
-    import { glyph, type ITabsBasis } from "@radroots/svelte-lib";
+    import { glyph as Glyph, type ITabsBasis } from "@radroots/svelte-lib";
 
     let {
         basis,
@@ -33,13 +33,12 @@
                         await tab.callback(tab_i);
                     }}
                 >
-                    <svelte:component
-                        this={glyph}
+                    <Glyph
                         basis={{
                             classes:
                                 $app_tab_active === tab_i
-                                    ? `text-layer-0-glyph text-lineActiveBlue`
-                                    : `text-layer-0-glyph text-lineMd`,
+                                    ? `text-layer-2-glyph text-lineActiveBlue`
+                                    : `text-layer-2-glyph text-lineMd`,
                             key: tab.icon,
                             dim: `md`,
                             weight: