fix: Update viewports

ApeSwapFinance · Jun 22, 2022 · bb67e1c · bb67e1c
1 parent 92b18a5
commit bb67e1c
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Svg/Icons/Cancelled.tsx b/src/components/Svg/Icons/Cancelled.tsx
@@ -15,7 +15,7 @@ const Arrow: React.FC<SvgProps> = ({ direction = "down", color = "text", width,
   });
 
   return (
-    <svg width={width || "6"} viewBox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg" sx={style}>
+    <svg width={width || "16"} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" sx={style}>
       <path
         d="M4.775 11.225C4.9125 11.3625 5.0875 11.4313 5.3 11.4313C5.5125 11.4313 5.6875 11.3625 5.825 11.225L8 9.05L10.1938 11.2438C10.3313 11.3813 10.5033 11.4467 10.7098 11.4403C10.9157 11.4342 11.0875 11.3625 11.225 11.225C11.3625 11.0875 11.4313 10.9125 11.4313 10.7C11.4313 10.4875 11.3625 10.3125 11.225 10.175L9.05 8L11.2438 5.80625C11.3813 5.66875 11.4467 5.49675 11.4403 5.29025C11.4342 5.08425 11.3625 4.9125 11.225 4.775C11.0875 4.6375 10.9125 4.56875 10.7 4.56875C10.4875 4.56875 10.3125 4.6375 10.175 4.775L8 6.95L5.80625 4.75625C5.66875 4.61875 5.497 4.553 5.291 4.559C5.0845 4.5655 4.9125 4.6375 4.775 4.775C4.6375 4.9125 4.56875 5.0875 4.56875 5.3C4.56875 5.5125 4.6375 5.6875 4.775 5.825L6.95 8L4.75625 10.1938C4.61875 10.3313 4.55325 10.503 4.55975 10.709C4.56575 10.9155 4.6375 11.0875 4.775 11.225ZM8 15.5C6.9625 15.5 5.9875 15.303 5.075 14.909C4.1625 14.5155 3.36875 13.9813 2.69375 13.3063C2.01875 12.6313 1.4845 11.8375 1.091 10.925C0.697 10.0125 0.5 9.0375 0.5 8C0.5 6.9625 0.697 5.9875 1.091 5.075C1.4845 4.1625 2.01875 3.36875 2.69375 2.69375C3.36875 2.01875 4.1625 1.48425 5.075 1.09025C5.9875 0.69675 6.9625 0.5 8 0.5C9.0375 0.5 10.0125 0.69675 10.925 1.09025C11.8375 1.48425 12.6313 2.01875 13.3063 2.69375C13.9813 3.36875 14.5155 4.1625 14.909 5.075C15.303 5.9875 15.5 6.9625 15.5 8C15.5 9.0375 15.303 10.0125 14.909 10.925C14.5155 11.8375 13.9813 12.6313 13.3063 13.3063C12.6313 13.9813 11.8375 14.5155 10.925 14.909C10.0125 15.303 9.0375 15.5 8 15.5ZM8 14C9.6625 14 11.0782 13.4158 12.2472 12.2472C13.4158 11.0782 14 9.6625 14 8C14 6.3375 13.4158 4.92175 12.2472 3.75275C11.0782 2.58425 9.6625 2 8 2C6.3375 2 4.922 2.58425 3.7535 3.75275C2.5845 4.92175 2 6.3375 2 8C2 9.6625 2.5845 11.0782 3.7535 12.2472C4.922 13.4158 6.3375 14 8 14Z"
         fill="#DF4141"

diff --git a/src/components/Svg/Icons/InfoSolid.tsx b/src/components/Svg/Icons/InfoSolid.tsx
@@ -15,7 +15,7 @@ const Arrow: React.FC<SvgProps> = ({ direction = "down", color = "text", width,
   });
 
   return (
-    <svg width={width || "6"} viewBox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg" sx={style}>
+    <svg width={width || "12"} viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg" sx={style}>
       <path
         fillRule="evenodd"
         clipRule="evenodd"

diff --git a/src/components/Svg/Icons/SuccessOutline.tsx b/src/components/Svg/Icons/SuccessOutline.tsx
@@ -15,7 +15,7 @@ const Arrow: React.FC<SvgProps> = ({ direction = "down", color = "text", width,
   });
 
   return (
-    <svg width={width || "6"} viewBox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg" sx={style}>
+    <svg width={width || "16"} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" sx={style}>
       <path
         d="M6.95 9.35L5.31875 7.71875C5.18125 7.58125 5.0095 7.51575 4.8035 7.52225C4.597 7.52825 4.425 7.6 4.2875 7.7375C4.15 7.875 4.08125 8.05 4.08125 8.2625C4.08125 8.475 4.15 8.65 4.2875 8.7875L6.425 10.925C6.5625 11.0625 6.7375 11.1312 6.95 11.1312C7.1625 11.1312 7.3375 11.0625 7.475 10.925L11.7313 6.66875C11.8688 6.53125 11.9345 6.35925 11.9285 6.15275C11.922 5.94675 11.85 5.775 11.7125 5.6375C11.575 5.5 11.4 5.43125 11.1875 5.43125C10.975 5.43125 10.8 5.5 10.6625 5.6375L6.95 9.35ZM8 15.5C6.9625 15.5 5.9875 15.303 5.075 14.909C4.1625 14.5155 3.36875 13.9813 2.69375 13.3063C2.01875 12.6313 1.4845 11.8375 1.091 10.925C0.697 10.0125 0.5 9.0375 0.5 8C0.5 6.9625 0.697 5.9875 1.091 5.075C1.4845 4.1625 2.01875 3.36875 2.69375 2.69375C3.36875 2.01875 4.1625 1.48425 5.075 1.09025C5.9875 0.69675 6.9625 0.5 8 0.5C9.0375 0.5 10.0125 0.69675 10.925 1.09025C11.8375 1.48425 12.6313 2.01875 13.3063 2.69375C13.9813 3.36875 14.5155 4.1625 14.909 5.075C15.303 5.9875 15.5 6.9625 15.5 8C15.5 9.0375 15.303 10.0125 14.909 10.925C14.5155 11.8375 13.9813 12.6313 13.3063 13.3063C12.6313 13.9813 11.8375 14.5155 10.925 14.909C10.0125 15.303 9.0375 15.5 8 15.5ZM8 14C9.6625 14 11.0782 13.4158 12.2472 12.2472C13.4158 11.0782 14 9.6625 14 8C14 6.3375 13.4158 4.92175 12.2472 3.75275C11.0782 2.58425 9.6625 2 8 2C6.3375 2 4.922 2.58425 3.7535 3.75275C2.5845 4.92175 2 6.3375 2 8C2 9.6625 2.5845 11.0782 3.7535 12.2472C4.922 13.4158 6.3375 14 8 14Z"
         fill="#38A611"

diff --git a/src/components/Svg/Icons/Trash.tsx b/src/components/Svg/Icons/Trash.tsx
@@ -15,7 +15,7 @@ const Arrow: React.FC<SvgProps> = ({ direction = "down", color = "text", width,
   });
 
   return (
-    <svg width={width || "6"} viewBox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg" sx={style}>
+    <svg width={width || "12"} viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" sx={style}>
       <path
         d="M1.5 12.25C1.5 13.075 2.175 13.75 3 13.75H9C9.825 13.75 10.5 13.075 10.5 12.25V4.75C10.5 3.925 9.825 3.25 9 3.25H3C2.175 3.25 1.5 3.925 1.5 4.75V12.25ZM10.5 1H8.625L8.0925 0.4675C7.9575 0.3325 7.7625 0.25 7.5675 0.25H4.4325C4.2375 0.25 4.0425 0.3325 3.9075 0.4675L3.375 1H1.5C1.0875 1 0.75 1.3375 0.75 1.75C0.75 2.1625 1.0875 2.5 1.5 2.5H10.5C10.9125 2.5 11.25 2.1625 11.25 1.75C11.25 1.3375 10.9125 1 10.5 1Z"
         fill="#FAFAFA"