commit 5314eb164af8818d7aa4f63024223b4a7b5feb80 parent 24e294345c92afb8a9b1dacdc1897b8976d58fd0 Author: triesap <137732411+triesap@users.noreply.github.com> Date: Mon, 26 Aug 2024 14:43:25 +0000 apps-lib: update trellis styles Diffstat:
5 files changed, 17 insertions(+), 15 deletions(-)
diff --git a/apps-lib/src/lib/components/trellis_default_label.svelte b/apps-lib/src/lib/components/trellis_default_label.svelte @@ -8,12 +8,10 @@ </script> <div class={`${fmt_cl(classes)} flex flex-row`}> - <p - class={`glyph font-sans text-labelTrellis text-layer-${layer}-glyph-shade`} - > + <p class={`font-sans text-labelTrellis text-layer-${layer}-glyph-shade`}> {#each labels as label} <span - class={`${fmt_cl(label.classes)} glyph font-sans text-labelTrellis`} + class={`${fmt_cl(label.classes)} font-sans text-labelTrellis`} > {#if `route` in label} <a href={label.route}> diff --git a/apps-lib/src/lib/components/trellis_row_display_value.svelte b/apps-lib/src/lib/components/trellis_row_display_value.svelte @@ -33,7 +33,7 @@ /> {:else if basis.label} <p - class={`${fmt_cl(basis.label.classes)} glyph font-sans text-lineTrellis line-clamp-1 ${get_label_classes(layer, basis.label.kind, hide_active)} transition-all`} + class={`${fmt_cl(basis.label.classes)} font-sans text-lineTrellis line-clamp-1 ${get_label_classes(layer, basis.label.kind, hide_active)} transition-all`} > {basis.label.value} </p> diff --git a/apps-lib/src/lib/components/trellis_row_label.svelte b/apps-lib/src/lib/components/trellis_row_label.svelte @@ -12,16 +12,20 @@ <div class={`flex flex-row h-full w-content items-center`}> {#each basis.left as title_l} <div - class={`flex flex-row h-full max-w-fit gap-1 items-center ${title_l.hide_truncate ? `` : `truncate`}`} + class={`flex flex-row h-full max-w-fit items-center ${title_l.hide_truncate ? `` : `truncate`}`} > {#if title_l.icon} - <svelte:component - this={glyph} - basis={{ ...title_l.icon }} - /> + <div + class={`flex flex-row justify-start items-center pr-1`} + > + <svelte:component + this={glyph} + basis={{ ...title_l.icon }} + /> + </div> {/if} <p - class={`${fmt_cl(title_l.classes)} ${get_label_classes(layer, title_l.kind, hide_active)} ${title_l.hide_truncate ? `` : `truncate`} glyph font-sans text-lineTrellis transition-all`} + class={`${fmt_cl(title_l.classes)} ${get_label_classes(layer, title_l.kind, hide_active)} ${title_l.hide_truncate ? `` : `truncate`} font-sans text-lineTrellis transition-all`} > {title_l.value || ``} </p> @@ -42,7 +46,7 @@ /> {/if} <p - class={`${get_label_classes(layer, title_r.kind, hide_active)} ${title_r.hide_truncate ? `` : `truncate`} glyph truncate font-sans text-lineTrellis transition-all`} + class={`${get_label_classes(layer, title_r.kind, hide_active)} ${title_r.hide_truncate ? `` : `truncate`} truncate font-sans text-lineTrellis transition-all`} > {title_r.value || ``} </p> diff --git a/apps-lib/src/lib/components/trellis_title.svelte b/apps-lib/src/lib/components/trellis_title.svelte @@ -21,7 +21,7 @@ <svelte:component this={fill} /> {:else} <p - class={`glyph font-sans text-labelTrellis text-layer-${layer}-glyph-label uppercase`} + class={`font-sans text-labelTrellis text-layer-${layer}-glyph-label uppercase`} > {basis.value || ``} </p> @@ -37,7 +37,7 @@ > {#if basis.link.glyph} <p - class={`${fmt_cl(basis.link.glyph.classes)} glyph font-sans text-labelTrellis uppercase fade-in`} + class={`${fmt_cl(basis.link.glyph.classes)} font-sans text-labelTrellis uppercase fade-in`} > {basis.link.glyph.value || ``} </p> diff --git a/apps-lib/src/lib/components/trellis_touch.svelte b/apps-lib/src/lib/components/trellis_touch.svelte @@ -21,7 +21,7 @@ class={`${fmt_trellis(hide_border_b, hide_border_t)} flex flex-row h-full w-full justify-center items-center border-t-line border-layer-${layer}-surface-edge transition-all`} > <button - class={`relative group flex flex-row h-line w-full pl-[2px] pr-[2px] justify-between items-center transition-all`} + class={`relative group flex flex-row h-line w-full pr-[2px] justify-between items-center transition-all`} on:click={async (ev) => { await sleep(100); if (basis.callback) await basis.callback(ev);