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") {
|
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)}>
|
||||||
|
|||||||
Reference in New Issue
Block a user