tech(active-wallet): use scss vars

HyperPlay-Gaming · Dec 20, 2024 · 5a5d41d · 5a5d41d
1 parent 3cfe470
commit 5a5d41d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/src/components/ActiveWalletSection/index.module.scss b/src/components/ActiveWalletSection/index.module.scss
@@ -1,8 +1,8 @@
 .newWalletDetectedContainer {
   display: flex;
-  gap: 12px;
-  padding: 8px 16px;
-  border-radius: 8px;
+  gap: var(--space-md);
+  padding: var(--space-xs) var(--space-md);
+  border-radius: var(--space-xs-fixed);
   background-color: var(--color-tertiary-400);
   color: var(--color-neutral-800);
 }
@@ -28,25 +28,25 @@
 .infoTextContainer {
   display: flex;
   flex-direction: column;
-  gap: 6px;
+  gap: var(--space-2xs);
 }
 
 .container {
   display: flex;
   flex-direction: column;
-  gap: 6px;
+  gap: var(--space-2xs);
 }
 
 .root {
   display: flex;
   flex-direction: column;
-  gap: 16px;
+  gap: var(--space-md);
 }
 
 .walletContainer {
   display: flex;
-  padding: 9px 12px;
-  border-radius: 8px;
+  padding: var(--space-xs) var(--space-sm);
+  border-radius: var(--space-xs-fixed);
   border: 1px solid var(--color-stroke-01);
   align-items: center;
   justify-content: space-between;
@@ -64,12 +64,12 @@
 .inputLikeContainer {
   display: flex;
   flex-direction: column;
-  gap: 6px;
+  gap: var(--space-2xs);
 }
 
 .setActiveWalletContainer {
   display: flex;
-  gap: 6px;
+  gap: var(--space-2xs);
 }
 
 .setConnectedWalletInput {

diff --git a/src/components/PlayStreakEligibilityWrapper/index.module.scss b/src/components/PlayStreakEligibilityWrapper/index.module.scss
@@ -7,6 +7,6 @@
 .container {
   display: flex;
   flex-direction: column;
-  gap: 16px;
+  gap: var(--space-md);
   width: 100%;
 }