From c8b138aab6a47bfd2e9f6de1c1209355962f607a Mon Sep 17 00:00:00 2001 From: AntonovDm Date: Fri, 20 Sep 2024 12:55:18 +0300 Subject: [PATCH] fix: scrolling and height on mobile. --- index.html | 1 - src/App.tsx | 11 ++++++++--- src/assets/styles/styles.less | 2 +- 3 files changed, 9 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index da9456d99..284ba63d5 100644 --- a/index.html +++ b/index.html @@ -17,7 +17,6 @@ Spectrum diff --git a/src/App.tsx b/src/App.tsx index f765e4268..dc14c27b7 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,4 +1,4 @@ -import { Box, Flex, Typography } from '@ergolabs/ui-kit'; +import { Box, Flex, Typography, useDevice } from '@ergolabs/ui-kit'; import { Suspense, useEffect } from 'react'; import * as React from 'react'; import { BrowserRouter } from 'react-router-dom'; @@ -40,6 +40,7 @@ const initializeApp = () => { export const ApplicationInitializer: React.FC = () => { const [{ theme }] = useApplicationSettings(); const [] = useObservable(isAppInitialized$, [], false); + const { s } = useDevice(); useBodyClass([theme]); useMetaThemeColor( @@ -63,8 +64,12 @@ export const ApplicationInitializer: React.FC = () => { - - + + Dear Community Member,
diff --git a/src/assets/styles/styles.less b/src/assets/styles/styles.less index 83589b223..9a3c8943c 100644 --- a/src/assets/styles/styles.less +++ b/src/assets/styles/styles.less @@ -18,7 +18,7 @@ html { } body { - overflow: hidden; + overflow: auto; width: 100%; height: 100%; background-color: var(--spectrum-body-bg);