Fix landing page for mobile

This commit is contained in:
KMKoushik
2024-04-28 16:43:47 +10:00
parent 02fe7b393d
commit f608669f04

View File

@@ -129,7 +129,7 @@ export default function Home() {
return ( return (
<div className="bg-neutral-950 pb-20"> <div className="bg-neutral-950 pb-20">
<div className=" mx-auto w-full lg:max-w-6xl relative flex flex-col "> <div className=" mx-auto w-full lg:max-w-6xl relative flex flex-col ">
<nav className="py-4 flex justify-between"> <nav className="p-4 flex justify-between">
<div className="text-2xl font-semibold"> <div className="text-2xl font-semibold">
<Link href="/">Unsend</Link> <Link href="/">Unsend</Link>
</div> </div>
@@ -205,7 +205,7 @@ export default function Home() {
type: "spring", type: "spring",
}} }}
viewport={{ once: true }} viewport={{ once: true }}
className="p-3 bg-neutral-900 mt-24 rounded-xl" className="p-3 bg-neutral-900 mt-24 rounded-xl mx-2"
> >
<Image <Image
src="/app.webp" src="/app.webp"
@@ -546,7 +546,7 @@ export default function Home() {
</motion.a> </motion.a>
</div> </div>
</div> </div>
<div className="flex justify-between mt-20 max-w-5xl mx-auto"> <div className="flex justify-between mt-20 max-w-5xl mx-auto px-4">
<div> <div>
Email: <a href="mailto:hello@unsend.dev">hello@unsend.dev</a> Email: <a href="mailto:hello@unsend.dev">hello@unsend.dev</a>
</div> </div>