chore: Improve layout on mobile

This commit is contained in:
Dries Augustyns
2026-03-07 20:55:06 +01:00
parent 5f82278282
commit 9f212ddcb8
+4 -2
View File
@@ -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>