Merge pull request #269 from mayuran-deriv/mayuran/new-accout-switche…

…r-tools fix: account switcher
deriv-com · Nov 26, 2024 · f455526 · f455526
2 parents 1a6aa3b + 65a97d0
commit f455526
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/AppLayout/AccountSwitcher/AccountSwitcher.scss b/src/components/AppLayout/AccountSwitcher/AccountSwitcher.scss
@@ -38,7 +38,6 @@
         &--mobile {
             width: 90vw;
             position: unset;
-            min-height: 400px;
             height: auto;
             border-radius: 4px;
         }

diff --git a/src/components/AppLayout/AccountSwitcher/index.tsx b/src/components/AppLayout/AccountSwitcher/index.tsx
@@ -31,6 +31,9 @@ type AccountSwitcherProps = {
         demo: string;
         real: string;
     };
+    modalContentStyle?: {
+        content?: React.CSSProperties;
+    };
 };
 
 export const AccountSwitcher = ({
@@ -39,6 +42,7 @@ export const AccountSwitcher = ({
     isDisabled = false,
     buttonClassName,
     tabsLabels,
+    modalContentStyle,
 }: AccountSwitcherProps) => {
     const [isOpen, setIsOpen] = useState(false);
     const ref = useRef(null);
@@ -110,6 +114,7 @@ export const AccountSwitcher = ({
                             }}
                             className="deriv-account-switcher__container--mobile"
                             isOpen={isOpen}
+                            style={modalContentStyle ?? {}}
                         >
                             {children && (
                                 <Tabs