wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-17 06:40:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: mobile responsive hero

Browse Source
This commit is contained in:
원더 2021-01-30 12:55:29 +09:00
parent de7b0716da
commit a02554185d
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/Hero.tsx
View File

@ -10,10 +10,13 @@ const Search = dynamic(()=> import('@components/Search'))
const Hero = ({ header, description }:HeroProps):JSX.Element => { const Hero = ({ header, description }:HeroProps):JSX.Element => {
return <> return <>
<div className='dark:bg-discord-black bg-discord-blurple'> <div className='dark:bg-discord-black bg-discord-blurple'>
<Container className='pt-12' ignoreColor paddingTop> <Container className='pt-2 md:pt-10' ignoreColor paddingTop>
<h1 className='text-center sm:text-left text-gray-100 text-3xl font-bold'> <h1 className='hidden md:block text-left text-gray-100 text-3xl font-bold'>
{ header && `${header} - `}한국 디스코드봇 리스트 { header && `${header} - `}한국 디스코드봇 리스트
</h1> </h1>
<h1 className='md:hidden text-center text-gray-100 text-3xl font-semibold'>
{ header && <span className='text-4xl'>{header}<br/></span>}한국 디스코드봇 리스트
</h1>
<p className='text-center sm:text-left text-xl font-base mt-2'>{description || '다양한 국내 디스코드봇을 한곳에서 확인하세요!'}</p> <p className='text-center sm:text-left text-xl font-base mt-2'>{description || '다양한 국내 디스코드봇을 한곳에서 확인하세요!'}</p>
<Search /> <Search />
<div className='flex flex-wrap mt-5'> <div className='flex flex-wrap mt-5'>