Merge pull request #43 from shafin-deriv/shafin/WEBREL-2788/fix--layout-height-issue

shafin-deriv · web-flow · commit d0c45b861143 · 2024-05-30T19:25:31.000+08:00
[DAPI] fix: height issue in documents page
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -5,7 +5,11 @@ import HomepageFeatures from '@site/src/features/Home';
 
 export default function Home(): JSX.Element {
   return (
-    <Layout title={'Home'} description='Deriv API documentation'>
+    <Layout
+      title={'Home'}
+      description='Deriv API documentation'
+      wrapperClassName='home_page_wrapper'
+    >
       <Head>
         <title>Deriv API | Customise your trading app</title>
         <meta
diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -219,6 +219,13 @@ div[class*='sidebarViewport'] {
   align-items: center;
 }
 
+.main-wrapper {
+  min-height: calc(100vh - 4.5rem);
+  &.home_page_wrapper {
+    height: 100%;
+  }
+}
+
 .navbar {
   padding: 0 5vw;
   height: var(--nav-height);
