fix: improve styling in ContactLinks component
All checks were successful
CI / lint-and-test (push) Successful in 1m4s

- Updated the row class in the ContactLinks component to include a shadow effect, enhancing visual depth and user experience.
- Ensured consistent styling across light and dark themes by adjusting background properties.
This commit is contained in:
2026-03-06 19:11:52 +03:00
parent 24d6ecbedb
commit 95d3af4930

View File

@@ -112,7 +112,7 @@ export function ContactLinks({
if (layout === "block") { if (layout === "block") {
const rowClass = const rowClass =
"flex h-12 items-center gap-0 rounded-md border border-input bg-background text-accent hover:bg-accent/10 hover:text-accent"; "flex h-12 items-center gap-0 rounded-md border border-input bg-background shadow-xs text-accent hover:bg-accent/10 hover:text-accent dark:bg-input/30 dark:hover:bg-input/50";
return ( return (
<div className={cn("flex flex-col gap-2", className)}> <div className={cn("flex flex-col gap-2", className)}>