@cr8rcho/alkahest 0.1.11 → 0.1.12
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.
|
@@ -64,6 +64,8 @@
|
|
|
64
64
|
#theme-toggle svg, #fit-btn svg { width: 16px; height: 16px; }
|
|
65
65
|
[data-theme="dark"] #theme-toggle .i-sun { display: block; } [data-theme="dark"] #theme-toggle .i-moon { display: none; }
|
|
66
66
|
[data-theme="light"] #theme-toggle .i-sun { display: none; } [data-theme="light"] #theme-toggle .i-moon { display: block; }
|
|
67
|
+
/* Fit + toggle are a tight pair (8px), set apart from the rest of the toolbar by its 16px gap. */
|
|
68
|
+
.toolbar-actions { display: inline-flex; align-items: center; gap: 8px; }
|
|
67
69
|
.brand { font-weight: 700; letter-spacing: 0.3px; white-space: nowrap; }
|
|
68
70
|
.brand .sub { color: var(--muted); font-weight: 400; margin-left: 6px; }
|
|
69
71
|
.counts { color: var(--muted); white-space: nowrap; }
|
|
@@ -165,8 +167,10 @@
|
|
|
165
167
|
<span><span class="edge" style="border-top-style: dotted; border-color: var(--edge)"></span>Contains</span>
|
|
166
168
|
<span><span class="edge" style="border-top-style: dashed; border-color: var(--edge)"></span>Call</span>
|
|
167
169
|
</div>
|
|
168
|
-
<
|
|
169
|
-
|
|
170
|
+
<div class="toolbar-actions">
|
|
171
|
+
<button class="theme-toggle" id="fit-btn" aria-label="Fit to view" title="Fit to view"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H5a2 2 0 0 0-2 2v3M16 3h3a2 2 0 0 1 2 2v3M8 21H5a2 2 0 0 1-2-2v-3M16 21h3a2 2 0 0 0 2-2v-3"/></svg></button>
|
|
172
|
+
<button class="theme-toggle" id="theme-toggle" aria-label="Toggle theme" title="Toggle theme"><svg class="i-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/></svg><svg class="i-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg></button>
|
|
173
|
+
</div>
|
|
170
174
|
</header>
|
|
171
175
|
<main>
|
|
172
176
|
<svg id="graph">
|