Update Home.tsx
This commit is contained in:
@@ -254,7 +254,7 @@ const Home: React.FC = () => {
|
|||||||
<div className={`relative ${!isLeft ? "lg:col-start-2" : ""}`}>
|
<div className={`relative ${!isLeft ? "lg:col-start-2" : ""}`}>
|
||||||
<div className="relative scale-110 lg:scale-115">
|
<div className="relative scale-110 lg:scale-115">
|
||||||
{/* Gradient frame background with colored glow */}
|
{/* Gradient frame background with colored glow */}
|
||||||
<div className={`absolute -inset-6 bg-gradient-to-br ${module.color} rounded-3xl opacity-25 blur-3xl`} />
|
<div className={`absolute -inset-6 bg-gradient-to-br ${module.color} rounded-3xl opacity-10 blur-xl`} />
|
||||||
<div className="relative rounded-2xl border-2 border-slate-200 bg-white shadow-2xl overflow-hidden">
|
<div className="relative rounded-2xl border-2 border-slate-200 bg-white shadow-2xl overflow-hidden">
|
||||||
<div className="absolute top-0 left-0 right-0 h-12 bg-gradient-to-b from-slate-800/30 to-transparent flex items-center gap-2 px-4">
|
<div className="absolute top-0 left-0 right-0 h-12 bg-gradient-to-b from-slate-800/30 to-transparent flex items-center gap-2 px-4">
|
||||||
<div className="flex gap-2">
|
<div className="flex gap-2">
|
||||||
@@ -270,7 +270,7 @@ const Home: React.FC = () => {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
{/* Overlap shadow with module color */}
|
{/* Overlap shadow with module color */}
|
||||||
<div className={`absolute -bottom-8 ${isLeft ? "-right-8" : "-left-8"} w-40 h-40 bg-gradient-to-br ${module.color} rounded-2xl opacity-15 blur-3xl -z-10`} />
|
<div className={`absolute -bottom-8 ${isLeft ? "-right-8" : "-left-8"} w-40 h-40 bg-gradient-to-br ${module.color} rounded-2xl opacity-10 blur-xl -z-10`} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user