fix: Refactor DotBackground for Improved Theming Consistency and Simplified Gradient Logic (#8196)
* 🔧 (dot-background.tsx): update background gradient colors to improve visual consistency and readability * ✨ (dot-background.tsx): update CSS classes for better styling and visual representation in DotBackgroundDemo component
This commit is contained in:
parent
f73ba66094
commit
d9cfda7abc
1 changed files with 2 additions and 2 deletions
|
|
@ -12,7 +12,7 @@ export function DotBackgroundDemo({
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
"relative flex h-full w-full items-center justify-center bg-white dark:bg-black",
|
"relative flex h-full w-full items-center justify-center bg-background",
|
||||||
className,
|
className,
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
@ -26,7 +26,7 @@ export function DotBackgroundDemo({
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
"absolute inset-0 bg-gradient-to-b from-white/10 via-white/50 to-white dark:from-background/30 dark:via-background/80 dark:to-background",
|
"absolute inset-0 bg-gradient-to-b from-background/0 from-0% via-background/50 via-30% to-background to-50%",
|
||||||
containerClassName,
|
containerClassName,
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue