From 0c5bcbaa83f27cbbbbf881d6133775b57f7c90d7 Mon Sep 17 00:00:00 2001
From: Bram Suurd <78373894+BramSuurdje@users.noreply.github.com>
Date: Mon, 6 May 2024 20:07:16 +0200
Subject: [PATCH] Update Navbar.tsx to include full width in SheetContent

---
 components/Navbar.tsx       |  2 +-
 components/ui/accordion.tsx | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index e92ab0e..e376954 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -57,7 +57,7 @@ function Navbar() {
               <SheetTrigger>
                 <Menu className="w-8 h-8" />
               </SheetTrigger>
-              <SheetContent side={"left"}>
+              <SheetContent side={"left"} className="w-full">
                 <SheetHeader>
                   <SheetTitle>Proxmox Helper Scripts</SheetTitle>
                   <SheetDescription>
diff --git a/components/ui/accordion.tsx b/components/ui/accordion.tsx
index e9251f8..37aa312 100644
--- a/components/ui/accordion.tsx
+++ b/components/ui/accordion.tsx
@@ -17,8 +17,8 @@ const AccordionItem = React.forwardRef<
     className={cn("border-b", className)}
     {...props}
   />
-))
-AccordionItem.displayName = "AccordionItem"
+));
+AccordionItem.displayName = "AccordionItem";
 
 const AccordionTrigger = React.forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Trigger>,
@@ -29,7 +29,7 @@ const AccordionTrigger = React.forwardRef<
       ref={ref}
       className={cn(
         "flex flex-1 items-center justify-between py-1 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
-        className
+        className,
       )}
       {...props}
     >
@@ -37,8 +37,8 @@ const AccordionTrigger = React.forwardRef<
       <ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
     </AccordionPrimitive.Trigger>
   </AccordionPrimitive.Header>
-))
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName
+));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
 
 const AccordionContent = React.forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Content>,
@@ -46,12 +46,12 @@ const AccordionContent = React.forwardRef<
 >(({ className, children, ...props }, ref) => (
   <AccordionPrimitive.Content
     ref={ref}
-    className="overflow-hidden text-lg transition-all py-1 data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+    className="overflow-hidden py-1 text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
     {...props}
   >
     <div className={cn("pb-4 pt-0", className)}>{children}</div>
   </AccordionPrimitive.Content>
-))
+));
 
 AccordionContent.displayName = AccordionPrimitive.Content.displayName