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/app/dashboard/search/page.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

(limited to 'apps/web/app/dashboard/search/page.tsx')

diff --git a/apps/web/app/dashboard/search/page.tsx b/apps/web/app/dashboard/search/page.tsx
index f09041f3..8454acc5 100644
--- a/apps/web/app/dashboard/search/page.tsx
+++ b/apps/web/app/dashboard/search/page.tsx
@@ -3,11 +3,10 @@
 import { Suspense, useRef } from "react";
 import BookmarksGrid from "@/components/dashboard/bookmarks/BookmarksGrid";
 import { SearchInput } from "@/components/dashboard/search/SearchInput";
+import { FullPageSpinner } from "@/components/ui/full-page-spinner";
 import { Separator } from "@/components/ui/separator";
 import { useBookmarkSearch } from "@/lib/hooks/bookmark-search";
 
-import Loading from "../bookmarks/loading";
-
 function SearchComp() {
   const { data } = useBookmarkSearch();
 
@@ -15,10 +14,14 @@ function SearchComp() {
     useRef<HTMLInputElement | null>(null);
 
   return (
-    <div className="container flex flex-col gap-3 p-4">
+    <div className="flex flex-col gap-3">
       <SearchInput ref={inputRef} autoFocus={true} />
       <Separator />
-      {data ? <BookmarksGrid bookmarks={data.bookmarks} /> : <Loading />}
+      {data ? (
+        <BookmarksGrid bookmarks={data.bookmarks} />
+      ) : (
+        <FullPageSpinner />
+      )}
     </div>
   );
 }
-- 
cgit v1.2.3-70-g09d2

