fix: Prediction mobile height

pancakeswap · Jan 5, 2025 · 912ef33 · 912ef33
1 parent 54d709a
commit 912ef33
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/apps/web/src/views/Predictions/Mobile.tsx b/apps/web/src/views/Predictions/Mobile.tsx
@@ -54,7 +54,7 @@ const Mobile: React.FC<React.PropsWithChildren> = () => {
       <Flex mt="24px" justifyContent="center">
         <AdPanel.MobileCard />
       </Flex>
-      <Box height="100%">
+      <Box style={{ flex: 1 }}>
         {view === PageView.POSITIONS && (
           <Flex justifyContent="center" alignItems="center" flexDirection="column" minHeight="100%">
             {status === PredictionStatus.ERROR && <ErrorNotification />}

diff --git a/apps/web/src/views/Predictions/components/Container.tsx b/apps/web/src/views/Predictions/components/Container.tsx
@@ -4,7 +4,7 @@ import { styled } from 'styled-components'
 const Container = styled.div`
   background: ${({ theme }) => theme.colors.gradientVioletAlt};
   @media only screen and (max-width: 575px) and (min-height: 740px) {
-    height: calc(100vh - 40px);
+    height: fit-content;
   }
   ${({ theme }) => theme.mediaQueries.lg} {
     height: calc(100vh - 115px);