Merge branch 'dev' into fix/tvl-table-row

src/containers/ChainDetail/index.tsx

@@ -34,9 +34,7 @@ export const ChainContainer = styled(Box)(({ theme }) => ({
   gap: '4rem',
   marginTop: '4rem',
   marginBottom: '4rem',
-  minHeight: 'calc(100vh - 19rem)',
   [theme.breakpoints.down('md')]: {
     padding: '0 1rem',
-    minHeight: 'calc(100vh - 23rem)',
   },
 }));

src/containers/Dashboard/index.tsx

@@ -49,13 +49,10 @@ const DashboardContainer = styled('section')(({ theme }) => {
 
   return {
     width: '100%',
-    minHeight: 'calc(100vh - 19rem)',
     ...(isSearch && {
       padding: '0 7rem',
-      minHeight: 'calc(100vh - 11rem)',
       [theme.breakpoints.down('md')]: {
         padding: '0 1rem',
-        minHeight: 'calc(100vh - 23rem)',
       },
     }),
   };

src/containers/Landing/index.tsx

@@ -32,9 +32,7 @@ const LandingContainer = styled('main')(({ theme }) => ({
   gap: '4rem',
   marginTop: '4rem',
   marginBottom: '4rem',
-  minHeight: 'calc(100vh - 19rem)',
   [theme.breakpoints.down('md')]: {
     padding: '0 1rem',
-    minHeight: 'calc(100vh - 23rem)',
   },
 }));

src/containers/SearchPage/index.tsx

@@ -0,0 +1,26 @@
+import { styled } from '@mui/material/styles';
+
+import { Dashboard } from '~/containers';
+
+export const SearchPage = () => {
+  return (
+    <SearchContainer>
+      <Dashboard />
+    </SearchContainer>
+  );
+};
+
+const SearchContainer = styled('main')(({ theme }) => ({
+  display: 'flex',
+  flexDirection: 'column',
+  padding: '0 7rem',
+  alignItems: 'center',
+  justifyContent: 'center',
+  width: '100%',
+  minHeight: 'calc(100vh - 15rem)',
+  marginBottom: '4rem',
+  [theme.breakpoints.down('md')]: {
+    padding: '0 1rem',
+    minHeight: 'calc(100vh - 23rem)',
+  },
+}));

src/containers/Tokens/index.tsx

@@ -29,9 +29,7 @@ const TokensContainer = styled('main')(({ theme }) => ({
   gap: '4rem',
   marginTop: '4rem',
   marginBottom: '4rem',
-  minHeight: 'calc(100vh - 19rem)',
   [theme.breakpoints.down('md')]: {
     padding: '0 1rem',
-    minHeight: 'calc(100vh - 23rem)',
   },
 }));

src/containers/index.ts

@@ -9,3 +9,4 @@ export * from './ChainDetail/ChainDescription';
 export * from './ChainDetail/ChainMetadata';
 export * from './Tokens';
 export * from './ErrorContainer';
+export * from './SearchPage';

src/pages/search/index.tsx

@@ -4,7 +4,7 @@ import { GetStaticProps } from 'next';
 import { useTranslation } from 'next-i18next';
 
 import { CustomHead } from '~/components';
-import { Dashboard } from '~/containers';
+import { SearchPage } from '~/containers';
 import { getConfig } from '~/config';
 import { useSearchContext } from '~/hooks';
 
@@ -24,7 +24,7 @@ const Search = () => {
   return (
     <>
       <CustomHead title={t('HEADER.search')} />
-      <Dashboard />
+      <SearchPage />
     </>
   );
 };