commit a5e6cff688200e34f2609cc2ca4034f601bf2d50
parent 5ddfbc3d0809ab461aa4b77a8ceae2388cab5035
Author: triesap <137732411+triesap@users.noreply.github.com>
Date: Thu, 29 Aug 2024 10:39:59 +0000
Edit tabs, use updated dynamic components
Diffstat:
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: