Fix footer social link dimensions to 12px × 12px

morphine-cake · morphine-cake · commit eca66dfbcdb6 · 2025-07-21T20:42:51.000+03:00
- Correct width from 120px to 12px for sf-social-link
- Now each social link is a proper 12px × 12px square
- Creates compact, properly sized clickable areas for social icons
- Matches the 12px icon size for perfect alignment
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -116,7 +116,7 @@ export default function Footer() {
                     link.name === "Share" ? undefined : "noopener noreferrer"
                   }
                   className="sf-social-link opacity-50 hover:opacity-100 transition-opacity duration-[168ms] ease-in-out text-sf-fg-default flex items-center justify-center"
-                  style={{ width: "120px", height: "12px" }}
+                  style={{ width: "12px", height: "12px" }}
                   whileHover={{ scale: 1.05 }}
                   whileTap={{ scale: 0.95 }}
                   initial={{ y: 10 }}

Original file line number	Diff line number	Diff line change
`@@ -116,7 +116,7 @@ export default function Footer() {`
`116`	`116`	`link.name === "Share" ? undefined : "noopener noreferrer"`
`117`	`117`	`}`
`118`	`118`	`className="sf-social-link opacity-50 hover:opacity-100 transition-opacity duration-[168ms] ease-in-out text-sf-fg-default flex items-center justify-center"`
`119`		`- style={{ width: "120px", height: "12px" }}`
	`119`	`+ style={{ width: "12px", height: "12px" }}`
`120`	`120`	`whileHover={{ scale: 1.05 }}`
`121`	`121`	`whileTap={{ scale: 0.95 }}`
`122`	`122`	`initial={{ y: 10 }}`