Refactor footer section styles to ensure consistent rounded corners for social media links.

This commit is contained in:
Bravemobin
2025-04-25 14:28:17 +03:30
parent 60c8683fa2
commit b48b2d4b48

View File

@@ -65,9 +65,9 @@ export default function FooterSection() {
<div className="flex gap-4">
<Link
href={"/"}
className="flex justify-center items-center rounded-full bg-gray-700 border-parch transition [&::before]:!size-[3rem]"
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]">
<div className="border-parch-inner flex justify-center items-center !rounded-full size-[2rem]">
<Github size={16} />
</div>
</Link>
@@ -81,7 +81,7 @@ export default function FooterSection() {
</Link>
<Link
href={"/"}
className="flex justify-center items-center rounded-full bg-gray-700 border-parch transition [&::before]:!size-[3rem]"
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} />
@@ -89,7 +89,7 @@ export default function FooterSection() {
</Link>
<Link
href={"/"}
className="flex justify-center items-center rounded-full bg-gray-700 border-parch transition [&::before]:!size-[3rem]"
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} />