@c-rex/ui 0.1.8 → 0.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@c-rex/ui",
-    "version": "0.1.8",
+    "version": "0.1.9",
     "type": "module",
     "files": [
         "src"

package/src/input.tsx

@@ -27,9 +27,6 @@ interface InputProps
 
 const Input = React.forwardRef<HTMLInputElement, InputProps>(
     ({ className, type, variant, ...props }, ref) => {
-
-
-
         return (
             <input
                 type={type}

package/src/sidebar.tsx

@@ -22,8 +22,8 @@ import { DEVICE_OPTIONS } from "@c-rex/constants";
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 const SIDEBAR_WIDTH = "16rem";
-const SIDEBAR_WIDTH_MOBILE = "18rem";
-const RIGHT_SIDEBAR_WIDTH = "19rem";
+const SIDEBAR_WIDTH_MOBILE = "20rem";
+const RIGHT_SIDEBAR_WIDTH = "20rem";
 const SIDEBAR_WIDTH_ICON = "3rem";
 
 type SidebarContextType = {
@@ -251,7 +251,11 @@ const Sidebar = React.forwardRef<
                         }
                         side={side}
                     >
-                        <div className="flex h-full w-full flex-col">{children}</div>
+                        <div className={cn(
+                            side === "right" && "pl-4",
+                            "flex h-full w-full flex-col"
+                        )}
+                        >{children}</div>
                     </SheetContent>
                 </Sheet>
             );
@@ -460,7 +464,7 @@ const SidebarContent = React.forwardRef<
             ref={ref}
             data-sidebar="content"
             className={cn(
-                "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+                "flex min-h-0 flex-1 flex-col gap-4 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
                 className,
             )}
             {...props}