fix: fixed an issue where mobile is not scrollable

adrienne-deriv · Sep 14, 2023 · e9e15e1 · e9e15e1
1 parent ab0ab57
commit e9e15e1
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 4 deletions.
diff --git a/packages/wallets/src/AppContent.scss b/packages/wallets/src/AppContent.scss
@@ -12,6 +12,10 @@
         padding: 40px;
     }
 
+    @include mobile {
+        overflow-y: auto;
+    }
+
     &__content {
         width: 100%;
         display: flex;

diff --git a/...ges/wallets/src/components/OptionsAndMultipliersListing/OptionsAndMultipliersListing.scss b/...ges/wallets/src/components/OptionsAndMultipliersListing/OptionsAndMultipliersListing.scss
@@ -5,8 +5,6 @@
 
     @include mobile {
         padding-top: unset;
-        height: calc(100vh - 400px);
-        overflow-y: auto;
     }
 
     @include desktop {

diff --git a/packages/wallets/src/components/WalletsCarousel/WalletsCarousel.scss b/packages/wallets/src/components/WalletsCarousel/WalletsCarousel.scss
@@ -0,0 +1,6 @@
+.wallets-carousel {
+    @include mobile {
+        height: 100%;
+        overflow-y: auto;
+    }
+}
diff --git a/packages/wallets/src/components/WalletsCarousel/WalletsCarousel.tsx b/packages/wallets/src/components/WalletsCarousel/WalletsCarousel.tsx
@@ -1,13 +1,14 @@
 import React from 'react';
 import { AccountsList } from '../AccountsList';
 import { WalletsCarouselContent } from '../WalletsCarouselContent';
+import './WalletsCarousel.scss';
 
 const WalletsCarousel: React.FC = () => {
     return (
-        <React.Fragment>
+        <div className='wallets-carousel'>
             <WalletsCarouselContent />
             <AccountsList />
-        </React.Fragment>
+        </div>
     );
 };