web_lib

commit aa4fdf81fe99a5d56b27dd9f899839cc7df7083a
parent 89ac1b591be31dec1d3c4f5674d31ba28d20ec41
Author: triesap <137732411+triesap@users.noreply.github.com>
Date:   Sat, 26 Oct 2024 19:34:03 +0000

apps-lib: edit entry wrap styles and basis type. fix button carousel pair styles

Diffstat:
M
apps-lib/src/lib/components/button_carousel_pair.svelte
 | 
2
+-
M
apps-lib/src/lib/components/entry_wrap.svelte
 | 
3
+--
M
apps-lib/src/lib/types/components.ts
 | 
2
+-

3 files changed, 3 insertions(+), 4 deletions(-)
diff --git a/apps-lib/src/lib/components/button_carousel_pair.svelte b/apps-lib/src/lib/components/button_carousel_pair.svelte
@@ -18,7 +18,7 @@
 
 <div class={`flex flex-col justify-center items-center`}>
     <button
-        class={`group flex flex-row h-touch_guide w-${$app_layout} justify-center items-center bg-layer-1-surface rounde-40 ${basis.continue.disabled ? `opacity-60` : `touch-layer-1`} transition-all`}
+        class={`group flex flex-row h-touch_guide w-${$app_layout} justify-center items-center bg-layer-1-surface round-40 ${basis.continue.disabled ? `opacity-60` : `touch-layer-1`} transition-all`}
         on:click|stopPropagation={async () => {
             if (!basis.continue.disabled) await basis.continue.callback();
         }}
diff --git a/apps-lib/src/lib/components/entry_wrap.svelte b/apps-lib/src/lib/components/entry_wrap.svelte
@@ -11,12 +11,11 @@
         layer === false
             ? `bg-transparent`
             : `bg-layer-${layer}-surface ${basis?.style_a ? `active:bg-layer-${layer}-surface_a` : ``}`;
-    $: classes_h = basis?.style ? basis?.style : `form_line`;
 </script>
 
 <button
     id={basis?.id || null}
-    class={`${fmt_cl(basis?.classes)} relative entry-line-wrap pl-6 pr-4 h-${classes_h} rounded-entry ${classes_layer} el-re`}
+    class={`${fmt_cl(basis?.classes)} relative entry-line-wrap pl-6 pr-4 h-entry_${basis?.style ? basis.style : `line`} rounded-touch ${classes_layer} el-re`}
 >
     <slot />
 </button>
diff --git a/apps-lib/src/lib/types/components.ts b/apps-lib/src/lib/types/components.ts
@@ -22,7 +22,7 @@ export type IFormField = {
     validate_keypress?: boolean;
 };
 
-export type IEntryStyle = `guide` | `form_line`;
+export type IEntryStyle = `guide` | `line`;
 export type IEntryWrap = IClOpt & IIdOpt & ILyOptTs & {
     style?: IEntryStyle;
     style_a?: true;