@c-rex/ui 0.1.7 → 0.1.9
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/package.json +5 -1
- package/src/input.tsx +0 -3
- package/src/sidebar.tsx +8 -4
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@c-rex/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.9",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"files": [
|
|
6
6
|
"src"
|
|
@@ -183,5 +183,9 @@
|
|
|
183
183
|
"tailwind-merge": "^3.3.0",
|
|
184
184
|
"tw-animate-css": "^1.2.9",
|
|
185
185
|
"vaul": "^1.1.2"
|
|
186
|
+
},
|
|
187
|
+
"peerDependencies": {
|
|
188
|
+
"react": "^18.3.1",
|
|
189
|
+
"react-dom": "^18.3.1"
|
|
186
190
|
}
|
|
187
191
|
}
|
package/src/input.tsx
CHANGED
package/src/sidebar.tsx
CHANGED
|
@@ -22,8 +22,8 @@ import { DEVICE_OPTIONS } from "@c-rex/constants";
|
|
|
22
22
|
const SIDEBAR_COOKIE_NAME = "sidebar_state";
|
|
23
23
|
const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
|
|
24
24
|
const SIDEBAR_WIDTH = "16rem";
|
|
25
|
-
const SIDEBAR_WIDTH_MOBILE = "
|
|
26
|
-
const RIGHT_SIDEBAR_WIDTH = "
|
|
25
|
+
const SIDEBAR_WIDTH_MOBILE = "20rem";
|
|
26
|
+
const RIGHT_SIDEBAR_WIDTH = "20rem";
|
|
27
27
|
const SIDEBAR_WIDTH_ICON = "3rem";
|
|
28
28
|
|
|
29
29
|
type SidebarContextType = {
|
|
@@ -251,7 +251,11 @@ const Sidebar = React.forwardRef<
|
|
|
251
251
|
}
|
|
252
252
|
side={side}
|
|
253
253
|
>
|
|
254
|
-
<div className=
|
|
254
|
+
<div className={cn(
|
|
255
|
+
side === "right" && "pl-4",
|
|
256
|
+
"flex h-full w-full flex-col"
|
|
257
|
+
)}
|
|
258
|
+
>{children}</div>
|
|
255
259
|
</SheetContent>
|
|
256
260
|
</Sheet>
|
|
257
261
|
);
|
|
@@ -460,7 +464,7 @@ const SidebarContent = React.forwardRef<
|
|
|
460
464
|
ref={ref}
|
|
461
465
|
data-sidebar="content"
|
|
462
466
|
className={cn(
|
|
463
|
-
"flex min-h-0 flex-1 flex-col gap-
|
|
467
|
+
"flex min-h-0 flex-1 flex-col gap-4 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
|
|
464
468
|
className,
|
|
465
469
|
)}
|
|
466
470
|
{...props}
|