fix: icon colors and size

vegaprotocol · Aug 29, 2024 · 7f9e556 · 7f9e556
1 parent 0fcd3cb
commit 7f9e556
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/components/AnnouncementRemote.tsx b/src/components/AnnouncementRemote.tsx
@@ -102,7 +102,7 @@ export const AnnouncementBanner = ({
         )}
       </div>
       <button
-        className="absolute right-0 top-0 flex h-full w-10 items-center justify-center p-4 text-white"
+        className="absolute right-0 top-0 flex h-full items-center justify-center p-4 text-white"
         data-testid="app-announcement-close"
         onClick={() => {
           setVisible(false)
@@ -117,7 +117,12 @@ export const AnnouncementBanner = ({
 
 export const IconCross = ({ size = 16 }: { size: number }) => {
   return (
-    <svg width={size} height={size} viewBox="0 0 16 16">
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 16 16"
+      className="fill-current"
+    >
       <path d="M13.3745 3.37476L3.37453 13.3748L2.625 12.6252L12.625 2.62523L13.3745 3.37476Z" />
       <path d="M3.37453 2.62523L13.3745 12.6252L12.625 13.3748L2.625 3.37476L3.37453 2.62523Z" />
     </svg>

diff --git a/src/components/ExternalLink.tsx b/src/components/ExternalLink.tsx
@@ -69,7 +69,12 @@ ExternalLink.displayName = 'ExternalLink'
 
 export const IconOpenExternal = ({ size = 24 }: { size: number }) => {
   return (
-    <svg width={size} height={size} viewBox="0 0 16 16">
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 16 16"
+      className="fill-current"
+    >
       <path d="M10.9605 4.28998H3.76002V3.22998H12.77V12.24H11.71V5.03952L4.13479 12.6148L3.38525 11.8652L10.9605 4.28998Z" />
     </svg>
   )