web_lib

commit 067486a7eeae8abffc2bc8adec7d26589a0a6fbf
parent 32a71db51fa4c06f79f8695676b5d54a4ddb0af7
Author: triesap <137732411+triesap@users.noreply.github.com>
Date:   Sat, 28 Sep 2024 09:49:55 +0000

apps-lib: fix, add optional chaining

Diffstat:
M
apps-lib/src/lib/types/ui.ts
 | 
1
+
M
apps-lib/src/lib/ui/glyph.svelte
 | 
6
+++---
M
apps-lib/src/lib/ui/loading.svelte
 | 
4
++--

3 files changed, 6 insertions(+), 5 deletions(-)
diff --git a/apps-lib/src/lib/types/ui.ts b/apps-lib/src/lib/types/ui.ts
@@ -4,6 +4,7 @@ import type { ThemeLayer } from "@radroots/theme";
 export type GlyphKeyCurrency = `dollar` | `eur`;
 
 export type GlyphKey = |
+    `x-circle` |
     `address-book-tabs` |
     `paper-plane-tilt` |
     `note-pencil` |
diff --git a/apps-lib/src/lib/ui/glyph.svelte b/apps-lib/src/lib/ui/glyph.svelte
@@ -36,16 +36,16 @@
     }}
 >
     <div
-        class={`${fmt_cl(basis.classes)} z-10 flex flex-row justify-start items-center text-[${styles.gl_1}px]`}
+        class={`${fmt_cl(basis.classes)} z-10 flex flex-row justify-start items-center text-[${styles?.gl_1}px]`}
     >
         <i class="ph{weight} ph-{basis.key}"></i>
     </div>
-    {#if basis.fill_under && styles.dim_2}
+    {#if basis.fill_under && styles?.dim_2}
         <div
             class={`z-5 absolute top-0 left-0 flex flex-row w-full justify-center items-center`}
         >
             <div
-                class={`flex flex-row h-[${styles.dim_2}px] w-[${styles.dim_2}px] justify-start items-center translate-y-[10px] bg-white/80 rounded-full`}
+                class={`flex flex-row h-[${styles?.dim_2}px] w-[${styles?.dim_2}px] justify-start items-center translate-y-[10px] bg-white/80 rounded-full`}
             >
                 <Fill />
             </div>
diff --git a/apps-lib/src/lib/ui/loading.svelte b/apps-lib/src/lib/ui/loading.svelte
@@ -19,10 +19,10 @@
 </script>
 
 <div
-    class={`relative flex flex-row justify-center items-center h-[${styles.dim_1}px] w-[${styles.dim_1}px] fade-in transition-all`}
+    class={`relative flex flex-row justify-center items-center h-[${styles?.dim_1}px] w-[${styles?.dim_1}px] fade-in transition-all`}
 >
     <div
-        class={`${num_blades === 12 ? `spinner12 center` : `spinner6 center`} text-[${styles.gl_1 || styles.dim_1}px]`}
+        class={`${num_blades === 12 ? `spinner12 center` : `spinner6 center`} text-[${styles?.gl_1 || styles?.dim_1}px]`}
     >
         <div
             class={`${num_blades === 12 ? `spinner12-blade` : `spinner6-blade`}`}