@x33025/sveltely 0.0.18 → 0.0.19
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.
|
@@ -41,11 +41,11 @@
|
|
|
41
41
|
<div class="hstack size-full">
|
|
42
42
|
{#if left}
|
|
43
43
|
<div
|
|
44
|
-
class="h-full overflow-hidden border-r border-
|
|
44
|
+
class="h-full overflow-hidden border-r border-zinc-200 transition-all duration-300 ease-in-out"
|
|
45
45
|
style="width: {leftOpen ? 'var(--navigation-stack-sidebar-width)' : '0'}"
|
|
46
46
|
>
|
|
47
47
|
<div
|
|
48
|
-
class="vstack h-full overflow-auto bg-
|
|
48
|
+
class="vstack h-full overflow-auto bg-zinc-50 p-4"
|
|
49
49
|
style="width: var(--navigation-stack-sidebar-width);"
|
|
50
50
|
>
|
|
51
51
|
{@render left()}
|
|
@@ -61,11 +61,11 @@
|
|
|
61
61
|
|
|
62
62
|
{#if right}
|
|
63
63
|
<div
|
|
64
|
-
class="h-full overflow-hidden border-l border-
|
|
64
|
+
class="h-full overflow-hidden border-l border-zinc-200 transition-all duration-300 ease-in-out"
|
|
65
65
|
style="width: {rightOpen ? 'var(--navigation-stack-sidebar-width)' : '0'}"
|
|
66
66
|
>
|
|
67
67
|
<div
|
|
68
|
-
class="vstack h-full overflow-auto bg-
|
|
68
|
+
class="vstack h-full overflow-auto bg-zinc-50 p-4"
|
|
69
69
|
style="width: var(--navigation-stack-sidebar-width);"
|
|
70
70
|
>
|
|
71
71
|
{@render right()}
|
package/dist/style/index.css
CHANGED
|
@@ -67,8 +67,8 @@
|
|
|
67
67
|
|
|
68
68
|
--slider-shadow: var(--shadow-md);
|
|
69
69
|
--slider-track: var(--color-zinc-300);
|
|
70
|
-
--slider-fill: var(--color-
|
|
71
|
-
--slider-thumb-inner: var(--color-
|
|
70
|
+
--slider-fill: var(--color-zinc-900);
|
|
71
|
+
--slider-thumb-inner: var(--color-zinc-900);
|
|
72
72
|
--slider-thumb-outer: var(--color-white);
|
|
73
73
|
|
|
74
74
|
--navigation-stack-sidebar-width: 16rem;
|
package/dist/style.css
CHANGED
|
@@ -7,17 +7,18 @@
|
|
|
7
7
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
8
8
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
|
9
9
|
"Courier New", monospace;
|
|
10
|
-
--color-gray-50: oklch(98.5% 0.002 247.839);
|
|
11
10
|
--color-gray-100: oklch(96.7% 0.003 264.542);
|
|
12
11
|
--color-gray-200: oklch(92.8% 0.006 264.531);
|
|
13
12
|
--color-gray-500: oklch(55.1% 0.027 264.364);
|
|
14
13
|
--color-gray-700: oklch(37.3% 0.034 259.733);
|
|
15
14
|
--color-gray-900: oklch(21% 0.034 264.665);
|
|
15
|
+
--color-zinc-50: oklch(98.5% 0 0);
|
|
16
16
|
--color-zinc-100: oklch(96.7% 0.001 286.375);
|
|
17
17
|
--color-zinc-200: oklch(92% 0.004 286.32);
|
|
18
18
|
--color-zinc-300: oklch(87.1% 0.006 286.286);
|
|
19
19
|
--color-zinc-500: oklch(55.2% 0.016 285.938);
|
|
20
20
|
--color-zinc-700: oklch(37% 0.013 285.805);
|
|
21
|
+
--color-zinc-900: oklch(21% 0.006 285.885);
|
|
21
22
|
--color-zinc-950: oklch(14.1% 0.005 285.823);
|
|
22
23
|
--color-black: #000;
|
|
23
24
|
--color-white: #fff;
|
|
@@ -338,15 +339,15 @@
|
|
|
338
339
|
.border-zinc-200 {
|
|
339
340
|
border-color: var(--color-zinc-200);
|
|
340
341
|
}
|
|
341
|
-
.bg-gray-50 {
|
|
342
|
-
background-color: var(--color-gray-50);
|
|
343
|
-
}
|
|
344
342
|
.bg-gray-100 {
|
|
345
343
|
background-color: var(--color-gray-100);
|
|
346
344
|
}
|
|
347
345
|
.bg-white {
|
|
348
346
|
background-color: var(--color-white);
|
|
349
347
|
}
|
|
348
|
+
.bg-zinc-50 {
|
|
349
|
+
background-color: var(--color-zinc-50);
|
|
350
|
+
}
|
|
350
351
|
.p-1\.5 {
|
|
351
352
|
padding: calc(var(--spacing) * 1.5);
|
|
352
353
|
}
|
|
@@ -569,8 +570,8 @@
|
|
|
569
570
|
--tooltip-text: var(--color-white);
|
|
570
571
|
--slider-shadow: var(--shadow-md);
|
|
571
572
|
--slider-track: var(--color-zinc-300);
|
|
572
|
-
--slider-fill: var(--color-
|
|
573
|
-
--slider-thumb-inner: var(--color-
|
|
573
|
+
--slider-fill: var(--color-zinc-900);
|
|
574
|
+
--slider-thumb-inner: var(--color-zinc-900);
|
|
574
575
|
--slider-thumb-outer: var(--color-white);
|
|
575
576
|
--navigation-stack-sidebar-width: 16rem;
|
|
576
577
|
}
|