wallet-ext: fix color and spacing for backup view

toga0731 · Oct 19, 2022 · 469a110 · 469a110
1 parent 977ef54
commit 469a110
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/apps/wallet/src/ui/app/pages/initialize/backup/Backup.module.scss b/apps/wallet/src/ui/app/pages/initialize/backup/Backup.module.scss
@@ -6,22 +6,23 @@
     flex-flow: column nowrap;
     gap: 8px;
     align-self: stretch;
-    font-weight: 600;
+    font-weight: 500;
     font-size: 17px;
-    line-height: 140%;
+    line-height: 1.4;
     padding: 14px;
     border-radius: 15px;
     background: colors.$white;
     border: 1px solid #e9eaeb;
     box-shadow: 0 1px 2px rgba(16 24 40 / 5%);
-    color: colors.$gray-85;
+    color: colors.$gray-75;
 }
 
 .copy {
     margin-top: 10px;
     color: colors.$sui-dark-blue;
     align-self: flex-end;
     cursor: pointer;
+    line-height: 1;
 
     @include utils.typography('Primary/CAPTION-SB');
 }
@@ -30,6 +31,7 @@
     text-align: center;
     color: colors.$gray-75;
     margin-top: 15px;
+    line-height: 1;
 
     @include utils.typography('ParagraphPrimary/P2-R');
 }
@@ -49,7 +51,7 @@
 .btn {
     display: flex;
     flex-flow: row nowrap;
-    margin-top: 45px;
+    margin-top: 16px;
     align-self: stretch;
     padding: 14px 20px;
 }

diff --git a/apps/wallet/src/ui/app/pages/initialize/import/steps/StepOne.module.scss b/apps/wallet/src/ui/app/pages/initialize/import/steps/StepOne.module.scss
@@ -8,7 +8,7 @@
     box-shadow: 0 1px 2px rgba(16 24 40 / 5%);
     border-radius: 15px;
     font-size: 17px;
-    font-weight: 600;
+    font-weight: 500;
     line-height: 140%;
     color: colors.$gray-75;
     align-self: stretch;
@@ -17,7 +17,7 @@
 
     &::placeholder {
         color: colors.$gray-65;
-        font-weight: 500;
+        font-weight: 400;
     }
 }
 

diff --git a/apps/wallet/src/ui/app/shared/card-layout/CardLayout.module.scss b/apps/wallet/src/ui/app/shared/card-layout/CardLayout.module.scss
@@ -24,9 +24,8 @@
 
 .success-icon {
     border-radius: 50%;
-    width: 48px;
-    height: 48px;
-    min-height: 48px;
+    width: 46px;
+    height: 46px;
     border: 3px dotted colors.$success;
     display: flex;
     align-items: center;
@@ -81,6 +80,7 @@
     margin-bottom: 30px;
     color: colors.$gray-90;
     text-transform: capitalize;
+    line-height: 1;
 
     @include utils.typography('Primary/Heading1-B');
 }