From 3b1f03bcb69f2e0980c9f76f670bcd15bb93fea7 Mon Sep 17 00:00:00 2001
From: Wahyu Kurniawan <ayungavis@gmail.com>
Date: Wed, 6 Mar 2024 08:24:11 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style:=20replacee=20grid=20of=20?=
 =?UTF-8?q?the=20layout=20to=20use=20flex=20and=20fixed=20width=20of=20the?=
 =?UTF-8?q?=20sidebar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/layouts/ProjectSearch.tsx | 2 +-
 packages/frontend/src/pages/org-slug/layout.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/layouts/ProjectSearch.tsx b/packages/frontend/src/layouts/ProjectSearch.tsx
index a6a36199..e2b90f42 100644
--- a/packages/frontend/src/layouts/ProjectSearch.tsx
+++ b/packages/frontend/src/layouts/ProjectSearch.tsx
@@ -36,7 +36,7 @@ const ProjectSearch = () => {
   return (
     <section className="h-full flex flex-col">
       {/* Header */}
-      <div className="sticky hidden md:block top-0 border-b border-border-separator/[0.06] z-30">
+      <div className="sticky hidden lg:block top-0 border-b border-border-separator/[0.06] z-30">
         <div className="flex pr-6 pl-2 py-2 items-center">
           <div className="flex-1">
             <ProjectSearchBar
diff --git a/packages/frontend/src/pages/org-slug/layout.tsx b/packages/frontend/src/pages/org-slug/layout.tsx
index 59128dd3..51325bd4 100644
--- a/packages/frontend/src/pages/org-slug/layout.tsx
+++ b/packages/frontend/src/pages/org-slug/layout.tsx
@@ -25,7 +25,7 @@ export const DashboardLayout = ({
     <section
       {...props}
       className={cn(
-        'lg:grid flex flex-col lg:grid-cols-5 h-screen bg-snowball-50',
+        'flex flex-col lg:flex-row h-screen bg-snowball-50',
         className,
       )}
     >
@@ -45,7 +45,7 @@ export const DashboardLayout = ({
           </Button>
         </div>
       </div>
-      <div className="lg:col-span-4 w-full h-full px-1 py-1 md:px-3 md:py-3 overflow-y-hidden">
+      <div className="flex-1 w-full h-full px-1 py-1 md:px-3 md:py-3 overflow-y-hidden">
         <div className="rounded-3xl bg-base-bg h-full shadow-card overflow-y-auto relative">
           <OctokitProvider>
             <Outlet />