@orsetra/shared-ui 1.8.0 → 1.8.1
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.
|
@@ -26,23 +26,23 @@ export function MainSidebarFlyout({
|
|
|
26
26
|
onMouseLeave={onMouseLeave}
|
|
27
27
|
className="h-full flex flex-col flex-shrink-0 overflow-hidden bg-gray-50 border-r border-ui-border shadow-[4px_0_20px_-4px_rgba(0,0,0,0.10)] w-72 lg:w-80"
|
|
28
28
|
>
|
|
29
|
-
{/* ── Section
|
|
30
|
-
<div className="
|
|
31
|
-
<Icon className="h-
|
|
32
|
-
<h2 className="text-
|
|
29
|
+
{/* ── Section header ───────────────────────────────────────────────────── */}
|
|
30
|
+
<div className="flex items-center px-4 lg:px-5 pt-5 pb-1 flex-shrink-0 gap-2.5">
|
|
31
|
+
<Icon className="h-5 w-5 flex-shrink-0" style={{ color: "#4589ff" }} />
|
|
32
|
+
<h2 className="text-sm font-semibold text-text-primary tracking-wide truncate flex-1">
|
|
33
33
|
{item.label}
|
|
34
34
|
</h2>
|
|
35
35
|
</div>
|
|
36
36
|
|
|
37
|
-
{/* ──
|
|
37
|
+
{/* ── Section description ───────────────────────────────────────────────── */}
|
|
38
38
|
{item.description && (
|
|
39
|
-
<p className="px-
|
|
39
|
+
<p className="px-4 lg:px-5 pt-1 pb-4 text-xs text-text-secondary leading-relaxed">
|
|
40
40
|
{item.description}
|
|
41
41
|
</p>
|
|
42
42
|
)}
|
|
43
43
|
|
|
44
|
-
{/* ── Nav items
|
|
45
|
-
<nav className="flex-1 overflow-y-auto px-2 lg:px-3 py-
|
|
44
|
+
{/* ── Nav items ────────────────────────────────────────────────────────── */}
|
|
45
|
+
<nav className="flex-1 overflow-y-auto px-2 lg:px-3 py-2 space-y-0.5">
|
|
46
46
|
{subItems.map((sub) => {
|
|
47
47
|
const SubIcon = sub.icon
|
|
48
48
|
return (
|
|
@@ -52,13 +52,12 @@ export function MainSidebarFlyout({
|
|
|
52
52
|
className={cn(
|
|
53
53
|
"flex items-start transition-colors border-l-4",
|
|
54
54
|
"px-2 lg:px-3 py-2 gap-x-3",
|
|
55
|
-
"
|
|
56
|
-
"border-transparent hover:border-interactive",
|
|
55
|
+
"hover:bg-ui-background border-transparent hover:border-interactive",
|
|
57
56
|
)}
|
|
58
57
|
>
|
|
59
58
|
<SubIcon className="h-4 w-4 flex-shrink-0 mt-0.5" style={{ color: "#4589ff" }} />
|
|
60
59
|
<div className="min-w-0 flex-1">
|
|
61
|
-
<p className="text-sm leading-snug truncate">{sub.name}</p>
|
|
60
|
+
<p className="text-sm font-medium text-text-primary leading-snug truncate">{sub.name}</p>
|
|
62
61
|
{sub.description && (
|
|
63
62
|
<p className="text-xs text-text-secondary leading-relaxed mt-0.5 line-clamp-2">{sub.description}</p>
|
|
64
63
|
)}
|