diff --git a/src/containers/ChainDetail/index.tsx b/src/containers/ChainDetail/index.tsx
index 05a7ad6..c843e44 100644
--- a/src/containers/ChainDetail/index.tsx
+++ b/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)',
},
}));
diff --git a/src/containers/Dashboard/index.tsx b/src/containers/Dashboard/index.tsx
index 5f7e2ad..0b16d10 100644
--- a/src/containers/Dashboard/index.tsx
+++ b/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)',
},
}),
};
diff --git a/src/containers/Landing/index.tsx b/src/containers/Landing/index.tsx
index 564e8d6..bc9172a 100644
--- a/src/containers/Landing/index.tsx
+++ b/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)',
},
}));
diff --git a/src/containers/SearchPage/index.tsx b/src/containers/SearchPage/index.tsx
new file mode 100644
index 0000000..62dbf03
--- /dev/null
+++ b/src/containers/SearchPage/index.tsx
@@ -0,0 +1,26 @@
+import { styled } from '@mui/material/styles';
+
+import { Dashboard } from '~/containers';
+
+export const SearchPage = () => {
+ return (
+
+
+
+ );
+};
+
+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)',
+ },
+}));
diff --git a/src/containers/Tokens/index.tsx b/src/containers/Tokens/index.tsx
index 9aa1969..565a56a 100644
--- a/src/containers/Tokens/index.tsx
+++ b/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)',
},
}));
diff --git a/src/containers/index.ts b/src/containers/index.ts
index 93640e1..342d6c1 100644
--- a/src/containers/index.ts
+++ b/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';
diff --git a/src/pages/search/index.tsx b/src/pages/search/index.tsx
index 9ffc036..1c4e60e 100644
--- a/src/pages/search/index.tsx
+++ b/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 (
<>
-
+
>
);
};