@milktop/react-ui 0.3.0 → 0.3.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/dist/sidebar/sidebar.css +4 -1
- package/dist/theme.css +2 -2
- package/package.json +1 -1
package/dist/sidebar/sidebar.css
CHANGED
|
@@ -25,7 +25,10 @@
|
|
|
25
25
|
&:hover { background: var(--ui-sidebar-hover); color: var(--ui-sidebar-hover-text); }
|
|
26
26
|
&:focus-visible { outline: 2px solid var(--ui-ring-soft); }
|
|
27
27
|
[data-part=footer] > & { margin: 0 auto; } }
|
|
28
|
-
[data-scope=sidebar][data-part=nav] { display: flex; flex-direction: column; gap: 1rem; flex-grow: 1; overflow-y: auto; padding: 0.5rem;
|
|
28
|
+
[data-scope=sidebar][data-part=nav] { display: flex; flex-direction: column; gap: 1rem; flex-grow: 1; overflow-y: auto; padding: 0.5rem;
|
|
29
|
+
scrollbar-width: thin; scrollbar-color: color-mix(in srgb, currentColor 25%, transparent) transparent;
|
|
30
|
+
/* The rail has no room for a scrollbar; it still scrolls. */
|
|
31
|
+
[data-rail] > & { scrollbar-width: none; } }
|
|
29
32
|
/* A faint line above the footer (SidebarUser), like the top bar's. */
|
|
30
33
|
[data-scope=sidebar][data-part=footer] { display: flex; flex-direction: column; gap: 0.25rem; padding: 0.75rem 0.5rem; flex-shrink: 0;
|
|
31
34
|
border-top: 1px solid var(--ui-sidebar-divider); }
|
package/dist/theme.css
CHANGED
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
--ui-control-height-lg: 2.75rem;
|
|
81
81
|
/* Stroke icons' line weight (Lucide's own is 2, in a 24-unit grid). */
|
|
82
82
|
--ui-icon-stroke: 2;
|
|
83
|
-
/* Sidebar and its items. Open, it's -wide, or -narrow below
|
|
83
|
+
/* Sidebar and its items. Open, it's -wide, or -narrow below 1536px; set
|
|
84
84
|
--ui-sidebar-width for one fixed width. */
|
|
85
85
|
--ui-sidebar-width-wide: 15rem;
|
|
86
86
|
--ui-sidebar-width-narrow: 13rem;
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
--ui-sidebar-inset-active-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
|
|
118
118
|
}
|
|
119
119
|
|
|
120
|
-
@media (max-width:
|
|
120
|
+
@media (max-width: 1535px) {
|
|
121
121
|
:root { --ui-sidebar-width: var(--ui-sidebar-width-narrow); }
|
|
122
122
|
}
|
|
123
123
|
|