From f8cef28758a2b331a8acad499dfbd92e9794fcc5 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Thu, 29 Feb 2024 12:50:42 +0000
Subject: fix: Fix the look of the grid view and allowing notes to have
 variable size

---
 packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx')

diff --git a/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx b/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
index c960c8b7..aeed4680 100644
--- a/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
@@ -32,11 +32,11 @@ export default function BookmarksGrid({
     return <p>No bookmarks</p>;
   }
   return (
-    <div className="container grid grid-flow-row-dense grid-cols-1 gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
+    <div className="transition-all duration-300 columns-1 gap-4 md:columns-2 lg:columns-3">
       {data.bookmarks.map((b) =>
         renderBookmark(
           b,
-          "border-grey-100 border bg-gray-50 duration-300 ease-in hover:border-blue-300 hover:transition-all",
+          "border-grey-100 border bg-gray-50 duration-300 ease-in hover:border-blue-300 hover:transition-all mb-4",
         ),
       )}
     </div>
-- 
cgit v1.2.3-70-g09d2

