fix: padding in sidebar

iqbalpa · Jul 20, 2024 · eb2fd4b · eb2fd4b
1 parent 1e61b2a
commit eb2fd4b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -27,7 +27,7 @@ export default function RootLayout({
         <Header />
         <div className="flex flex-1 flex-row overflow-hidden">
           <main className="flex-1 overflow-y-hidden">{children}</main>
-          <ScrollArea className="flex-shrink-0 bg-slate-900 p-4">
+          <ScrollArea className="flex-shrink-0 bg-slate-900">
             <Sidebar />
           </ScrollArea>
         </div>

diff --git a/src/components/sidebar/sidebar.tsx b/src/components/sidebar/sidebar.tsx
@@ -28,7 +28,7 @@ const Sidebar: React.FC = () => {
   }
 
   return (
-    <div className="flex flex-col gap-2">
+    <div className="hidden flex-col gap-2 md:flex p-4">
       {surahs.map((surah) => {
         const isActive = pathname === `/${surah.nomor}`;