From 496dffe7e6310e7aee6c621c1b1bc071c0320387 Mon Sep 17 00:00:00 2001
From: Rama Priyanto <priyantorama12@gmail.com>
Date: Sun, 25 May 2025 23:41:08 +0700
Subject: [PATCH] fix:mobile ui

---
 components/form/article/create-article-form.tsx | 6 +++---
 components/layout/admin-layout.tsx              | 2 +-
 components/layout/sidebar/sidebar-mobile.tsx    | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/form/article/create-article-form.tsx b/components/form/article/create-article-form.tsx
index a9c4e90..8dcd4ce 100644
--- a/components/form/article/create-article-form.tsx
+++ b/components/form/article/create-article-form.tsx
@@ -829,7 +829,7 @@ export default function CreateArticleForm() {
               </div>
             )}
           </div>
-          <div className="mt-3 flex lg:hidden flex-row justify-end gap-3">
+          {/* <div className="mt-3 flex lg:hidden flex-row justify-end gap-3">
             <Button
               color="primary"
               type="submit"
@@ -852,10 +852,10 @@ export default function CreateArticleForm() {
                 Kembali
               </Button>
             </Link>
-          </div>
+          </div> */}
         </div>
 
-        <div className="hidden lg:flex flex-row justify-end gap-3">
+        <div className="flex flex-row justify-end gap-3">
           <Button
             color="primary"
             type="submit"
diff --git a/components/layout/admin-layout.tsx b/components/layout/admin-layout.tsx
index 015ed1f..7982fa2 100644
--- a/components/layout/admin-layout.tsx
+++ b/components/layout/admin-layout.tsx
@@ -28,7 +28,7 @@ export const AdminLayout = ({ children }: Props) => {
 
   return (
     <SidebarProvider>
-      <div className="!h-screen flex items-center flex-row !overflow-y-hidden">
+      <div className="!h-auto md:!h-screen flex items-center flex-row !overflow-y-hidden">
         <Sidebar sidebarData={isOpen} updateSidebarData={updateSidebarData} />
         <SidebarMobile
           sidebarData={isOpen}
diff --git a/components/layout/sidebar/sidebar-mobile.tsx b/components/layout/sidebar/sidebar-mobile.tsx
index c0da745..24ba04f 100644
--- a/components/layout/sidebar/sidebar-mobile.tsx
+++ b/components/layout/sidebar/sidebar-mobile.tsx
@@ -408,7 +408,7 @@ const SidebarMobile: React.FC<SidebarProps> = ({ updateSidebarData }) => {
 
   return (
     <div
-      className={`z-50 flex lg:hidden absolute h-screen flex-grow ${
+      className={`z-50 flex lg:hidden absolute h-screen top-0 flex-grow ${
         isOpen ? "min-w-[240px]" : "hidden"
       }`}
     >