chore: Improve layout on mobile
This commit is contained in:
@@ -230,9 +230,10 @@ export default function Index() {
|
|||||||
animate={{opacity: 1, y: 0}}
|
animate={{opacity: 1, y: 0}}
|
||||||
transition={{duration: 0.5, ease: [0.22, 1, 0.36, 1]}}
|
transition={{duration: 0.5, ease: [0.22, 1, 0.36, 1]}}
|
||||||
className={
|
className={
|
||||||
'mb-8 inline-flex items-center gap-2 rounded-full border border-neutral-200 bg-white px-4 py-2 text-sm shadow-sm'
|
'mb-8 inline-flex flex-col sm:flex-row items-center gap-x-2 gap-y-1 rounded-full border border-neutral-200 bg-white px-4 py-2 text-sm shadow-sm'
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
|
<span className={'flex items-center gap-2'}>
|
||||||
<svg className="h-4 w-4 text-neutral-700" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
<svg className="h-4 w-4 text-neutral-700" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
||||||
<path
|
<path
|
||||||
fillRule="evenodd"
|
fillRule="evenodd"
|
||||||
@@ -241,7 +242,8 @@ export default function Index() {
|
|||||||
/>
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
<span className={'font-medium text-neutral-700'}>5,000+ Stars on GitHub</span>
|
<span className={'font-medium text-neutral-700'}>5,000+ Stars on GitHub</span>
|
||||||
<span className={'text-neutral-300'}>·</span>
|
</span>
|
||||||
|
<span className={'hidden sm:inline text-neutral-300'}>·</span>
|
||||||
<span className={'text-neutral-500'}>AGPL-3.0 Open Source</span>
|
<span className={'text-neutral-500'}>AGPL-3.0 Open Source</span>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user