@orsetra/shared-ui 1.0.65 → 1.0.66
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.
|
@@ -30,3 +30,4 @@ export {
|
|
|
30
30
|
// Skeleton is exported from ../ui to avoid duplicate exports
|
|
31
31
|
export { RootLayoutWrapper, ibmPlexSans, ibmPlexMono } from './root-layout-wrapper'
|
|
32
32
|
export { LayoutContainer } from './layout-container'
|
|
33
|
+
export { PageWithSidePanel } from './page-with-side-panel'
|
|
@@ -86,14 +86,14 @@ export function MainSidebar({
|
|
|
86
86
|
)}
|
|
87
87
|
|
|
88
88
|
<div className={cn(
|
|
89
|
-
"fixed left-0 top-0 h-full bg-
|
|
89
|
+
"fixed left-0 top-0 h-full bg-white border-r border-ui-border z-50 transform transition-all duration-300 ease-in-out",
|
|
90
90
|
isMinimized ? "w-16" : "w-64 shadow-xl",
|
|
91
91
|
isMinimized
|
|
92
92
|
? "translate-x-0"
|
|
93
93
|
: (isOpen ? "translate-x-0" : "-translate-x-full")
|
|
94
94
|
)}>
|
|
95
95
|
<div className={cn(
|
|
96
|
-
"flex items-center h-16 border-b border-ui-border bg-
|
|
96
|
+
"flex items-center h-16 border-b border-ui-border bg-white",
|
|
97
97
|
isMinimized ? "justify-center px-2" : "justify-between px-4"
|
|
98
98
|
)}>
|
|
99
99
|
{!isMinimized && <Logo className="text-2xl font-semibold text-text-primary" />}
|
|
@@ -148,7 +148,7 @@ export function MainSidebar({
|
|
|
148
148
|
</button>
|
|
149
149
|
|
|
150
150
|
{isMinimized && hoveredMenu === item.id && sidebarMenus[item.id] && sidebarMenus[item.id].length > 0 && (
|
|
151
|
-
<div className="absolute left-full top-0 ml-2 bg-
|
|
151
|
+
<div className="absolute left-full top-0 ml-2 bg-white border border-ui-border rounded-lg shadow-xl z-50 min-w-[200px] py-2">
|
|
152
152
|
<div className="px-4 py-2 border-b border-ui-border">
|
|
153
153
|
<h3 className="text-sm font-semibold text-text-primary">{item.label}</h3>
|
|
154
154
|
</div>
|