fix: revert outer container size, increase inner padding to show more bg
This commit is contained in:
@@ -214,7 +214,7 @@ export default function HomePage() {
|
||||
initial={{ opacity: 0, y: 40 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.7, delay: 0.4 }}
|
||||
className="w-full max-w-5xl mx-auto px-6"
|
||||
className="w-full max-w-7xl mx-auto px-6"
|
||||
>
|
||||
<DashboardDemo />
|
||||
</motion.div>
|
||||
|
||||
@@ -180,7 +180,7 @@ export default function DashboardDemo() {
|
||||
<div className="absolute -inset-8 bg-brand-orange/8 rounded-[2.5rem] blur-3xl" />
|
||||
|
||||
{/* Outer frame with showcase bg */}
|
||||
<div className="relative rounded-3xl border border-white/[0.08] overflow-hidden p-4 sm:p-6 lg:p-8">
|
||||
<div className="relative rounded-3xl border border-white/[0.08] overflow-hidden p-5 sm:p-8 lg:p-10">
|
||||
<img src="/pulse-showcase-bg.png" alt="" className="absolute inset-0 w-full h-full object-cover" />
|
||||
<div className="absolute inset-0 bg-black/40" />
|
||||
|
||||
|
||||
Reference in New Issue
Block a user