fix: design changes

suisin-deriv · Jul 25, 2023 · 0482441 · 0482441
1 parent 811ae06
commit 0482441
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/packages/core/src/App/Containers/OneTimeDepositModal/one-time-deposit-modal.scss b/packages/core/src/App/Containers/OneTimeDepositModal/one-time-deposit-modal.scss
@@ -17,7 +17,6 @@
         display: flex;
         flex-direction: column;
         align-items: center;
-        justify-content: center;
 
         @include mobile {
             width: 100%;
@@ -28,7 +27,7 @@
     &__description {
         display: grid;
         grid-template-columns: 78fr 22fr;
-        gap: 0.5rem;
+        gap: 0.8rem;
         place-items: center;
         margin-block: 2rem;
 
@@ -47,7 +46,7 @@
 
     &__deposit-fiat-iframe {
         width: 100%;
-        flex: 1;
+        height: 100%;
     }
 
     &__title {

diff --git a/packages/core/src/App/Containers/OneTimeDepositModal/one-time-deposit-modal.tsx b/packages/core/src/App/Containers/OneTimeDepositModal/one-time-deposit-modal.tsx
@@ -53,7 +53,7 @@ const OneTimeDepositModal = observer(() => {
                 <Text as='h1' size={is_mobile ? 'm' : 'l'} weight='bold'>
                     <Localize i18n_default_text='Deposit' />
                 </Text>
-                <Text as='p' size={is_mobile ? 'xs' : 's'}>
+                <Text as='p' size={is_mobile ? 'xs' : 's'} align='center'>
                     <Localize i18n_default_text='Account created. Select payment method for deposit.' />
                 </Text>
             </div>