fix: margin between socials and text

This commit is contained in:
Vigneshk5
2024-10-07 20:57:35 +05:30
parent 7ad5c00668
commit 5db46e58a8

View File

@@ -1,7 +1,11 @@
import Link from "next/link"; import Link from "next/link";
import Logo from "./logo"; import Logo from "./logo";
import TextReveal from "./ui/text-reveal"; import TextReveal from "./ui/text-reveal";
import { DiscordLogoIcon, GitHubLogoIcon, TwitterLogoIcon } from "@radix-ui/react-icons"; import {
DiscordLogoIcon,
GitHubLogoIcon,
TwitterLogoIcon,
} from "@radix-ui/react-icons";
import { MastodonLogo } from "./icons/mastodon"; import { MastodonLogo } from "./icons/mastodon";
import { Button } from "./ui/button"; import { Button } from "./ui/button";
@@ -9,7 +13,7 @@ export default function Footer() {
return ( return (
<div className="border-grey align-center mt-10 flex w-full flex-col border-t px-10 py-10 font-medium md:px-0"> <div className="border-grey align-center mt-10 flex w-full flex-col border-t px-10 py-10 font-medium md:px-0">
<div className="mx-auto flex w-full justify-between border-b px-10 pb-10 pt-10 lg:!w-2/3 lg:px-0"> <div className="mx-auto flex w-full justify-between border-b px-10 pb-10 pt-10 lg:!w-2/3 lg:px-0">
<div className="flex flex-col"> <div className="mr-4 flex flex-col">
<Logo /> <Logo />
<div className="mt-auto"> <div className="mt-auto">
<h1 className="text-2xl font-bold opacity-80">Zen Browser</h1> <h1 className="text-2xl font-bold opacity-80">Zen Browser</h1>