commit 02897c8c60f26bfa598dfadc0b22649ff6c73343
parent 75a240c9d901413a272fd652efbe9dbcec2c0555
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:
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`,
