Merge pull request #90 from FuelLabs/mc/ui-adjustments

ui: enlarge text on wallet support notice for readability
FuelLabs · Dec 18, 2024 · 093ab11 · 093ab11
2 parents d7acdf0 + e7ce565
commit 093ab11
Showing 1 changed file with 17 additions and 7 deletions.
diff --git a/frontend/src/components/modals/UnsupportedWalletsNoticeModal.tsx b/frontend/src/components/modals/UnsupportedWalletsNoticeModal.tsx
@@ -28,24 +28,33 @@ export const UnsupportedWalletsNoticeModal = ({
         onClick={(e) => e.stopPropagation()}
         style={{
           backgroundColor: "rgb(18, 18, 18)",
-          padding: "30px",
+          padding: "50px",
           borderRadius: "8px",
-          maxWidth: "400px",
+          maxWidth: "500px",
           width: "90%",
           position: "relative",
         }}
       >
         <div
           style={{
             fontWeight: "bold",
-            marginBottom: "15px",
-            fontSize: "18px",
+            marginBottom: "35px",
+            fontSize: "26px",
             color: "green",
+            lineHeight: "1.5",
           }}
         >
           Wallet Support Notice
         </div>
-        <div style={{ fontSize: "14px", color: "white", marginTop: "10px" }}>
+        <div
+          style={{
+            fontSize: "18px",
+            color: "white",
+            marginTop: "25px",
+            lineHeight: "2",
+            letterSpacing: "0.4px",
+          }}
+        >
           Note: Gasless transactions are currently only supported for the Burner
           wallet & Fuelet Wallet.
           <br />
@@ -56,13 +65,14 @@ export const UnsupportedWalletsNoticeModal = ({
         <button
           onClick={onClose}
           style={{
-            marginTop: "20px",
-            padding: "8px 16px",
+            marginTop: "40px",
+            padding: "14px 28px",
             borderRadius: "4px",
             border: "none",
             backgroundColor: "#102a9e",
             color: "#d0cdcd",
             cursor: "pointer",
+            fontSize: "18px",
           }}
         >
           Continue