fix: sidebar's responsivity

kamalion-labs · Dec 28, 2024 · bd81385 · bd81385
1 parent 941f5a1
commit bd81385
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 6 deletions.
diff --git a/packages/kamalion-ui/package.json b/packages/kamalion-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kamalion/ui",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "type": "module",
   "private": false,
   "repository": {

diff --git a/packages/kamalion-ui/src/components/Sidebar/SidebarFooter.tsx b/packages/kamalion-ui/src/components/Sidebar/SidebarFooter.tsx
@@ -1,12 +1,19 @@
 import { ReactNode } from "react";
+import { cn } from "../../util";
 
 interface SidebarFooterProps {
   children: ReactNode;
+  className?: string;
 }
 
-export function SidebarFooter({ children }: SidebarFooterProps) {
+export function SidebarFooter({ children, className }: SidebarFooterProps) {
   return (
-    <div className="flex items-center border-t border-slate-800 bg-[--sidebar-footer-background] space-x-2 px-10 h-16">
+    <div
+      className={cn(
+        "flex items-center border-t border-slate-800 bg-[--sidebar-footer-background] space-x-2 px-10 h-16",
+        className,
+      )}
+    >
       {children}
     </div>
   );

diff --git a/packages/kamalion-ui/src/components/Sidebar/SidebarHeader.tsx b/packages/kamalion-ui/src/components/Sidebar/SidebarHeader.tsx
@@ -18,7 +18,8 @@ export function SidebarHeader({ children, className }: SidebarHeaderProps) {
         className,
       )}
     >
-      <div>{children}</div>
+      {children}
+
       <div className="hover:cursor-pointer md:hidden" onClick={toggleNav}>
         <IoClose size={24} />
       </div>

diff --git a/packages/kamalion-ui/types/components/Button/ButtonVariants.d.ts b/packages/kamalion-ui/types/components/Button/ButtonVariants.d.ts
@@ -1,4 +1,4 @@
 export declare const buttonVariants: (props?: ({
     variant?: "default" | "accent" | "success" | "danger" | "ghost" | null | undefined;
-    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
diff --git a/packages/kamalion-ui/types/components/Sidebar/SidebarFooter.d.ts b/packages/kamalion-ui/types/components/Sidebar/SidebarFooter.d.ts
@@ -1,6 +1,7 @@
 import { ReactNode } from "react";
 interface SidebarFooterProps {
     children: ReactNode;
+    className?: string;
 }
-export declare function SidebarFooter({ children }: SidebarFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarFooter({ children, className }: SidebarFooterProps): import("react/jsx-runtime").JSX.Element;
 export {};