Fixed bookmark button style

code100x · Sep 16, 2024 · 7d787a8 · 7d787a8
1 parent 4da2348
commit 7d787a8
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/bookmark/BookmarkButton.tsx b/src/components/bookmark/BookmarkButton.tsx
@@ -41,8 +41,11 @@ const BookmarkButton = ({
           >
             <BookmarkIcon
               size={size}
-              {...(addedBookmark && { fill: '#2563EB' })}
-              className="drop-shadow-2xl"
+              className={`drop-shadow-2xl transition-colors duration-300 ${
+                addedBookmark
+                  ? 'stroke-blue-500 stroke-2 text-blue-500'
+                  : 'text-gray-400 hover:text-gray-600'
+              }`}
             />
           </Button>
         </TooltipTrigger>