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 ( <> - + ); };