app

commit 6e709b53201eac0c0c191a514417094f791ead7b
parent 3d1ac28d49ea14fa2f2a4ddf65455d9bafbce6d5
Author: triesap <137732411+triesap@users.noreply.github.com>
Date:   Sat, 26 Oct 2024 19:33:06 +0000

Edit `/cfg/init` update entry components, add superellipse styles. Fix `/models/nostr-profile` select menu element. Add styles.

Diffstat:
M
src/routes/(app)/models/nostr-profile/+page.svelte
 | 
6
+++---
M
src/routes/(cfg)/cfg/init/+page.svelte
 | 
14
++++++++------
M
src/routes/+layout.svelte
 | 
1
+
M
tailwind.config.ts
 | 
1
+

4 files changed, 13 insertions(+), 9 deletions(-)
diff --git a/src/routes/(app)/models/nostr-profile/+page.svelte b/src/routes/(app)/models/nostr-profile/+page.svelte
@@ -11,7 +11,7 @@
         Nav,
         nav_prev,
         route,
-        SelectEl,
+        SelectMenu,
         t,
         TrellisTitle,
     } from "@radroots/svelte-lib";
@@ -233,7 +233,7 @@
                                 <div
                                     class={`z-10 absolute top-2 right-3 flex flex-row h-full justify-end pr-1`}
                                 >
-                                    <SelectEl
+                                    <SelectMenu
                                         value={`~`}
                                         basis={{
                                             layer: 0,
@@ -280,7 +280,7 @@
                                                 }}
                                             />
                                         </svelte:fragment>
-                                    </SelectEl>
+                                    </SelectMenu>
                                 </div>
                             </div>
                         {/each}
diff --git a/src/routes/(cfg)/cfg/init/+page.svelte b/src/routes/(cfg)/cfg/init/+page.svelte
@@ -760,7 +760,7 @@
                         class={`flex flex-col w-full gap-5 justify-center items-center`}
                     >
                         <button
-                            class={`flex flex-col h-touch_bold w-${$app_layout} justify-center items-center bg-layer-1-surface rounded-3xl touch-layer-1 touch-layer-1-raise-less ${cgf_init_key_option === `key_gen` ? `layer-1-ring` : ``}`}
+                            class={`flex flex-col h-touch_bold w-${$app_layout} justify-center items-center bg-layer-1-surface touch-layer-1-raise-less round-44 ${cgf_init_key_option === `key_gen` ? `bg-layer-1-surface_a/40` : ``}`}
                             on:click|stopPropagation={async () => {
                                 cgf_init_key_option = `key_gen`;
                             }}
@@ -772,7 +772,7 @@
                             </p>
                         </button>
                         <button
-                            class={`flex flex-col h-touch_bold w-${$app_layout} justify-center items-center bg-layer-1-surface rounded-3xl touch-layer-1 touch-layer-1-raise-less ${cgf_init_key_option === `kv_nostr_secretkey` ? `layer-1-ring` : ``}`}
+                            class={`flex flex-col h-touch_bold w-${$app_layout} justify-center items-center bg-layer-1-surface round-44 touch-layer-1-raise-less ${cgf_init_key_option === `kv_nostr_secretkey` ? `bg-layer-1-surface_a/40` : ``}`}
                             on:click|stopPropagation={async () => {
                                 cgf_init_key_option = `kv_nostr_secretkey`;
                             }}
@@ -890,8 +890,10 @@
                         <EntryLine
                             basis={{
                                 loading: cfg_main_profilename_loading,
-                                classes: `w-${$app_layout}`,
-                                style: `guide`,
+                                wrap: {
+                                    classes: `w-${$app_layout}`,
+                                    style: `guide`,
+                                },
                                 el: {
                                     classes: `font-mono text-lg text-center placeholder:opacity-60`,
                                     id: fmt_id(page_param.kv.nostr_profilename),
@@ -941,7 +943,7 @@
                         class={`flex flex-col w-full gap-5 justify-center items-center`}
                     >
                         <button
-                            class={`flex flex-col h-touch_bold w-${$app_layout} justify-center items-center bg-layer-1-surface rounded-3xl touch-layer-1 touch-layer-1-raise-less ${cfg_main_opt_idx1 === `farmer` ? `layer-1-ring` : ``}`}
+                            class={`flex flex-col h-touch_bold w-${$app_layout} justify-center items-center bg-layer-1-surface touch-layer-1-raise-less round-44 ${cfg_main_opt_idx1 === `farmer` ? `bg-layer-1-surface_a/40` : ``}`}
                             on:click|stopPropagation={async () => {
                                 cfg_main_opt_idx1 = `farmer`;
                             }}
@@ -953,7 +955,7 @@
                             </p>
                         </button>
                         <button
-                            class={`flex flex-col h-touch_bold w-${$app_layout} justify-center items-center bg-layer-1-surface rounded-3xl touch-layer-1 touch-layer-1-raise-less ${cfg_main_opt_idx1 === `personal` ? `layer-1-ring` : ``}`}
+                            class={`flex flex-col h-touch_bold w-${$app_layout} justify-center items-center bg-layer-1-surface touch-layer-1-raise-less round-44 ${cfg_main_opt_idx1 === `personal` ? `bg-layer-1-surface_a/40` : ``}`}
                             on:click|stopPropagation={async () => {
                                 cfg_main_opt_idx1 = `personal`;
                             }}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -103,3 +103,4 @@
 <AppControls />
 <CssStatic />
 <CssStyles />
+<div class="hidden h-entry_guide h-entry_line" />
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -24,6 +24,7 @@ const heights = {
     ...heights_responsive,
     entry_bold: `3.75rem`,
     entry_guide: `3.6rem`,
+    entry_line: `46px`,
     touch_bold: `4.25rem`,
     touch_guide: `3.4rem`,
     line: `46px`,