Refactor footer section styles to ensure consistent rounded corners for social media links.
This commit is contained in:
@@ -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} />
|
||||
|
||||
Reference in New Issue
Block a user