@signal9/era-ui 4.9.2 → 4.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/os/pane.svelte +9 -1
- package/package.json +1 -1
package/dist/os/pane.svelte
CHANGED
|
@@ -72,7 +72,15 @@
|
|
|
72
72
|
pane.state === 'minimized' && 'hidden'
|
|
73
73
|
)}
|
|
74
74
|
>
|
|
75
|
-
|
|
75
|
+
<!-- Asymmetric on purpose, the same way a Conversations row is: the TRAILING
|
|
76
|
+
side holds xxs buttons, so it keeps the handle's own concentric wall
|
|
77
|
+
(--era-xxs-inset-md, 3/5/7/11) and their corners nest in the pane's; the
|
|
78
|
+
LEADING side holds a bare glyph and a label, which have no corner to nest,
|
|
79
|
+
so they sit at the text inset instead. At the wall the glyph's ink was 3px
|
|
80
|
+
from the edge against 5px above and below it — read as crowded because it
|
|
81
|
+
was. --era-inset-md is (h-md − text)/2, so the label now starts the same
|
|
82
|
+
distance in from the edge as it sits from the top. -->
|
|
83
|
+
<Pane.Handle class="gap-(--era-gap) pl-(--era-inset-md)">
|
|
76
84
|
{#if pane.icon}
|
|
77
85
|
{@const Icon = pane.icon}
|
|
78
86
|
<Icon class="size-(--era-h-xs) shrink-0 text-muted" />
|