use fill

AngelProtocolFinance · Sep 3, 2024 · e6f2d84 · e6f2d84
1 parent c02cc72
commit e6f2d84
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 8 deletions.
diff --git a/src/components/BookmarkBtn.tsx b/src/components/BookmarkBtn.tsx
@@ -58,11 +58,13 @@ export default function BookmarkBtn({
         aria-label="Add to favorites button"
         onClick={toogleBookmark}
         disabled={isBookmarksLoading || isTogglingBookmark}
-        className={`flex items-center gap-1 disabled:text-gray-l4 ${
-          isBookmarked ? "text-red fill-red" : ""
-        } ${classes}`}
+        className={`flex items-center gap-1 disabled:text-gray-l4 ${classes}`}
       >
-        <Icon type="Heart" size={19} />
+        <Icon
+          type="Heart"
+          size={19}
+          className={isBookmarked ? "fill-red text-red" : ""}
+        />
         {children}
       </button>
     </>

diff --git a/src/components/VerifiedIcon.tsx b/src/components/VerifiedIcon.tsx
@@ -12,7 +12,11 @@ export default function VerifiedIcon({ classes = "", size }: Props) {
     <>
       <Tooltip anchorRef={ref} content="Verified" />
       <div ref={ref} className={classes}>
-        <Icon type="Verified" size={size} className="text-blue inline" />
+        <Icon
+          type="Verified"
+          size={size}
+          className="text-white inline fill-blue"
+        />
       </div>
     </>
   );

diff --git a/src/pages/Marketplace/Cards/Card.tsx b/src/pages/Marketplace/Cards/Card.tsx
@@ -35,7 +35,7 @@ export default function Card({
             {claimed && (
               <VerifiedIcon
                 classes="inline relative bottom-px mr-1"
-                size={18}
+                size={21}
               />
             )}
             <span className="inline">{name}</span>

diff --git a/src/pages/Profile/Body/Body.tsx b/src/pages/Profile/Body/Body.tsx
@@ -36,7 +36,7 @@ function Body() {
                 {(p.claimed ?? true) && (
                   <VerifiedIcon
                     classes="relative inline bottom-px mr-2"
-                    size={24}
+                    size={27}
                   />
                 )}
                 <span>{p.name}</span>

diff --git a/src/pages/Profile/Body/GeneralInfo/DetailsColumn/EndowDesignationTag.tsx b/src/pages/Profile/Body/GeneralInfo/DetailsColumn/EndowDesignationTag.tsx
@@ -18,7 +18,7 @@ export default function EndowDesignationTag({
   return (
     <div className="flex flex-col items-start gap-3">
       <Tag>
-        <Icon type={icons[endow_designation]} size={22} /> {endow_designation}
+        <Icon type={icons[endow_designation]} size={20} /> {endow_designation}
       </Tag>
     </div>
   );