kaze-design-system 0.2.1 → 0.2.2
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/components.css +10 -22
- package/package.json +1 -1
package/components.css
CHANGED
|
@@ -3440,27 +3440,18 @@
|
|
|
3440
3440
|
|
|
3441
3441
|
.app-layout__main {
|
|
3442
3442
|
flex: 1;
|
|
3443
|
-
|
|
3443
|
+
min-width: 0;
|
|
3444
3444
|
display: flex;
|
|
3445
3445
|
flex-direction: column;
|
|
3446
3446
|
}
|
|
3447
3447
|
|
|
3448
3448
|
.app-layout__content {
|
|
3449
3449
|
flex: 1;
|
|
3450
|
-
padding: var(--space-
|
|
3450
|
+
padding: var(--space-6);
|
|
3451
3451
|
max-width: var(--content-max-width);
|
|
3452
3452
|
width: 100%;
|
|
3453
3453
|
}
|
|
3454
3454
|
|
|
3455
|
-
@media (min-width: 768px) {
|
|
3456
|
-
.app-layout__main {
|
|
3457
|
-
margin-left: var(--sidebar-width);
|
|
3458
|
-
}
|
|
3459
|
-
.app-layout__content {
|
|
3460
|
-
padding: var(--space-6);
|
|
3461
|
-
}
|
|
3462
|
-
}
|
|
3463
|
-
|
|
3464
3455
|
/* ── TopBar ──────────────────────────────────────────────── */
|
|
3465
3456
|
|
|
3466
3457
|
.top-bar {
|
|
@@ -3486,15 +3477,15 @@
|
|
|
3486
3477
|
|
|
3487
3478
|
.sidebar {
|
|
3488
3479
|
width: var(--sidebar-width);
|
|
3489
|
-
position:
|
|
3480
|
+
position: sticky;
|
|
3490
3481
|
top: 0;
|
|
3491
|
-
|
|
3492
|
-
|
|
3493
|
-
|
|
3482
|
+
height: 100dvh;
|
|
3483
|
+
flex-shrink: 0;
|
|
3484
|
+
overflow-y: auto;
|
|
3485
|
+
background-color: var(--color-bg);
|
|
3494
3486
|
border-right: 1px solid var(--color-border);
|
|
3495
|
-
display:
|
|
3487
|
+
display: flex;
|
|
3496
3488
|
flex-direction: column;
|
|
3497
|
-
z-index: var(--z-sticky);
|
|
3498
3489
|
padding: var(--space-5) var(--space-3);
|
|
3499
3490
|
}
|
|
3500
3491
|
|
|
@@ -3536,11 +3527,8 @@
|
|
|
3536
3527
|
margin: var(--space-2) var(--space-4);
|
|
3537
3528
|
}
|
|
3538
3529
|
|
|
3539
|
-
|
|
3540
|
-
|
|
3541
|
-
display: flex;
|
|
3542
|
-
}
|
|
3543
|
-
}
|
|
3530
|
+
/* Sidebar is always visible (sticky in flex layout).
|
|
3531
|
+
Consumers can add their own @media rules to hide on mobile. */
|
|
3544
3532
|
|
|
3545
3533
|
/* ── Logo ────────────────────────────────────────────────── */
|
|
3546
3534
|
|