refactor: the components

This commit is contained in:
Saeed 2025-03-30 15:06:56 +03:30
parent 021e2ce025
commit 4a6196bff9
3 changed files with 21 additions and 8 deletions

View file

@ -51,27 +51,35 @@ export default function FooterSection() {
<div className="flex gap-4">
<Link
href={"/"}
className="flex justify-center items-center w-8 h-8 rounded-full bg-gray-700 border-parch transition"
className="flex justify-center items-center rounded-full bg-gray-700 border-parch transition [&::before]:!size-[3rem]"
>
<div className="border-parch-inner flex justify-center items-center rounded-full size-[2rem]">
<Github size={16} />
</div>
</Link>
<Link
href={"/"}
className="flex justify-center items-center w-8 h-8 rounded-full bg-gray-700 border-parch transition"
className="flex justify-center items-center !rounded-full bg-gray-700 border-parch transition [&::before]:!size-[3rem]"
>
<div className="border-parch-inner flex justify-center items-center !rounded-full size-[2rem]">
<Twitter size={16} />
</div>
</Link>
<Link
href={"/"}
className="flex justify-center items-center w-8 h-8 rounded-full bg-gray-700 border-parch transition"
className="flex justify-center items-center rounded-full bg-gray-700 border-parch transition [&::before]:!size-[3rem]"
>
<div className="border-parch-inner flex justify-center items-center !rounded-full size-[2rem]">
<Instagram size={16} />
</div>
</Link>
<Link
href={"/"}
className="flex justify-center items-center w-8 h-8 rounded-full bg-gray-700 border-parch transition"
className="flex justify-center items-center rounded-full bg-gray-700 border-parch transition [&::before]:!size-[3rem]"
>
<div className="border-parch-inner flex justify-center items-center !rounded-full size-[2rem]">
<Youtube size={16} />
</div>
</Link>
</div>
</FooterColumn>