Merge pull request #410 from sharemindteam/dev

Dev

src/components/Common/AppContainer.tsx

@@ -51,6 +51,7 @@ export const AppContainer = ({ children }: AppContainerProps) => {
   //
   // Redirect to inspection page when service is shut down
   useManipulateServerDown();
+
   //
   //
   //

src/pages/Seller/SellerOpenConsult.tsx

@@ -8,7 +8,7 @@ import OpenConsultHeader from 'components/Seller/SellerOpenConsult/OpenConsultHe
 import { useState } from 'react';
 import { useParams } from 'react-router-dom';
 import { useRecoilValue } from 'recoil';
-import { APP_HEADER_HEIGHT } from 'styles/AppStyle';
+import { APP_HEADER_HEIGHT, APP_HEIGHT } from 'styles/AppStyle';
 import { isSendPopupOpenState } from 'utils/atom';
 
 //
@@ -36,7 +36,10 @@ function SellerOpenConsult() {
   return (
     <>
       <div
-        style={{ paddingTop: APP_HEADER_HEIGHT }}
+        style={{
+          paddingTop: APP_HEADER_HEIGHT,
+          height: `${APP_HEIGHT} - ${APP_HEADER_HEIGHT})`,
+        }}
         onClick={() => {
           setIsReplying(false);
         }}

src/styles/AppStyle.ts

@@ -1,3 +1,6 @@
+/** App Height should use under AppLayout (userViewResize) */
+export const APP_HEIGHT = 'calc(var(--vh, 1vh) * 100)';
+
 export const APP_WIDTH = '37.5rem';
 
 export const APP_HEADER_HEIGHT = '5.2rem';