From 876217d1af177102fed002ec2a3f47324cafd12e Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Tue, 20 Jan 2026 16:30:04 +0700
Subject: [PATCH] chore: adjust MainDrawer styling

---
 src/components/MainDrawer.tsx | 35 ++++++++++++++++++++++-------------
 1 file changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/components/MainDrawer.tsx b/src/components/MainDrawer.tsx
index eaf1e2c1..056d67a4 100644
--- a/src/components/MainDrawer.tsx
+++ b/src/components/MainDrawer.tsx
@@ -26,29 +26,34 @@ const MainDrawerContent = () => {
   };
 
   return (
-    <div className='w-full p-4 flex flex-col gap-4'>
-      <div className='flex flex-row items-center gap-4'>
-        <Image
-          src='/assets/img/lti-logo.png'
-          alt='MBU Logo'
-          width={256}
-          height={256}
-          className='w-full max-w-16 h-auto'
-        />
+    <div className='w-full flex flex-col'>
+      <div className='p-3 flex flex-row items-center gap-4 border-b border-base-content/10'>
+        <div className='flex flex-row items-center gap-2'>
+          <Image
+            src='/assets/img/lti-logo.png'
+            alt='LTI Logo'
+            width={40}
+            height={40}
+            className='w-full max-w-10 h-auto'
+          />
 
-        <h1 className='text-xl font-bold'>LTI ERP</h1>
+          <div className='font-roboto'>
+            <h1 className='text-sm font-semibold'>LTI ERP</h1>
+            <p className='text-sm text-black/50'>Lumbung Telur Indonesia</p>
+          </div>
+        </div>
 
         <div className='grow flex flex-row justify-end sm:hidden'>
           <Button
             variant='soft'
             color='error'
             onClick={closeMainDrawerHandler}
-            className='rounded-full'
+            className='p-1 rounded-full'
           >
             <Icon
               icon='material-symbols:close-rounded'
-              width={24}
-              height={24}
+              width={16}
+              height={16}
             />
           </Button>
         </div>
@@ -121,6 +126,10 @@ const MainDrawer = ({
       setOpen={setMainDrawerOpen}
       openOnLarge
       sidebarContent={<MainDrawerContent />}
+      className={{
+        drawerSide: 'border-r border-base-content/10',
+        drawerSidebarContent: 'min-w-[244px] lg:w-[244px]',
+      }}
     >
       <main className='w-full h-full flex flex-col'>
         <Navbar title={pageTitle as string} toggleSidebar={toggleSidebar} />