From 30c8bc394100f2348a1f9c193036f95e045d4d6d Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Fri, 29 Mar 2024 21:33:15 +0000
Subject: fix(web): Consistent spacing in the content container in all pages.
 Fixes #40

---
 apps/web/components/dashboard/UploadDropzone.tsx      | 2 +-
 apps/web/components/dashboard/bookmarks/Bookmarks.tsx | 2 +-
 apps/web/components/dashboard/bookmarks/TopNav.tsx    | 6 +-----
 3 files changed, 3 insertions(+), 7 deletions(-)

(limited to 'apps/web/components/dashboard')

diff --git a/apps/web/components/dashboard/UploadDropzone.tsx b/apps/web/components/dashboard/UploadDropzone.tsx
index d1a423ce..b08ac0a6 100644
--- a/apps/web/components/dashboard/UploadDropzone.tsx
+++ b/apps/web/components/dashboard/UploadDropzone.tsx
@@ -76,7 +76,7 @@ export default function UploadDropzone({
           <input {...getInputProps()} hidden />
           <div
             className={cn(
-              "fixed inset-0 flex h-full w-full items-center justify-center bg-gray-200 opacity-90",
+              "fixed inset-0 z-50 flex h-full w-full items-center justify-center bg-gray-200 opacity-90",
               isDragging || isUploading || isCreating ? undefined : "hidden",
             )}
           >
diff --git a/apps/web/components/dashboard/bookmarks/Bookmarks.tsx b/apps/web/components/dashboard/bookmarks/Bookmarks.tsx
index 81dd9361..8aa723e9 100644
--- a/apps/web/components/dashboard/bookmarks/Bookmarks.tsx
+++ b/apps/web/components/dashboard/bookmarks/Bookmarks.tsx
@@ -26,7 +26,7 @@ export default async function Bookmarks({
   const bookmarks = await api.bookmarks.getBookmarks(query);
 
   return (
-    <div className="container flex flex-col gap-3">
+    <div className="flex flex-col gap-3">
       {header}
       {showDivider && <Separator />}
       <UpdatableBookmarksGrid
diff --git a/apps/web/components/dashboard/bookmarks/TopNav.tsx b/apps/web/components/dashboard/bookmarks/TopNav.tsx
index 568af15d..189c9d5c 100644
--- a/apps/web/components/dashboard/bookmarks/TopNav.tsx
+++ b/apps/web/components/dashboard/bookmarks/TopNav.tsx
@@ -1,9 +1,5 @@
 import { SearchInput } from "../search/SearchInput";
 
 export default function TopNav() {
-  return (
-    <div className="container py-4">
-      <SearchInput />
-    </div>
-  );
+  return <SearchInput />;
 }
-- 
cgit v1.2.3-70-g09d2