@muten/shadcn 0.2.14 → 0.2.15
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/kit.css +9 -0
- package/package.json +1 -1
package/kit.css
CHANGED
|
@@ -5519,6 +5519,15 @@ a.cx-bc-item:hover { color: var(--foreground); }
|
|
|
5519
5519
|
/* SidebarTrigger: in the icon column (its 32 px square sits where the rows' icons sit), folded or open */
|
|
5520
5520
|
.cx-sb-trigger { align-self: flex-start; flex: none; margin-left: 0; }
|
|
5521
5521
|
.cx-sidebar[data-collapsed="true"] .cx-sb-trigger { align-self: flex-start; }
|
|
5522
|
+
.cx-sidebar .cx-sb-trigger { width: 32px; height: 32px; } /* the rows' square, so its centre is the column's */
|
|
5523
|
+
/* THE HEADER AND THE FOOTER USE THE ICON COLUMN TOO. Whatever leads a link or a menu button there (a logo, an avatar,
|
|
5524
|
+
an icon) sits centred in a 32 px box exactly over the rows' icons, open or folded, so the logo, the trigger, every icon
|
|
5525
|
+
and the avatar make one straight line and nothing moves sideways when the rail folds. Folded, a menu button closes
|
|
5526
|
+
to that box (its words fade and the rail never crops the avatar). */
|
|
5527
|
+
.cx-sidebar :is(.cx-sb-head, .cx-sb-foot) > a, .cx-sidebar :is(.cx-sb-head, .cx-sb-foot) .cn-sidebar-menu-button { justify-content: flex-start; padding-left: 0; }
|
|
5528
|
+
.cx-sidebar :is(.cx-sb-head, .cx-sb-foot) > a > :first-child, .cx-sidebar :is(.cx-sb-head, .cx-sb-foot) .cn-sidebar-menu-button > :first-child { flex: none; width: 32px; display: flex; justify-content: center; object-fit: contain; }
|
|
5529
|
+
.cx-sidebar :is(.cx-sb-head, .cx-sb-foot) .cn-sidebar-menu-button { transition: width .2s var(--ease-out), padding .2s var(--ease-out); }
|
|
5530
|
+
.cx-sidebar[data-collapsed="true"] :is(.cx-sb-head, .cx-sb-foot) .cn-sidebar-menu-button { width: 32px; padding-right: 0; }
|
|
5522
5531
|
|
|
5523
5532
|
/* Sheet: its content arrives a moment after the panel, one row after another; leaving, it goes with the panel */
|
|
5524
5533
|
.cx-modal[data-mode="sheet"] .cx-modal-body > * { transition: opacity var(--t-pop) var(--ease-out), translate calc(var(--t-sheet) * .8) var(--ease-out); }
|