fix: improve styling in ContactLinks component
All checks were successful
CI / lint-and-test (push) Successful in 1m4s
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:
@@ -112,7 +112,7 @@ export function ContactLinks({
|
||||
|
||||
if (layout === "block") {
|
||||
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 (
|
||||
<div className={cn("flex flex-col gap-2", className)}>
|
||||
|
||||
Reference in New Issue
Block a user