manohar/tia
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(hero): remove floating screen label above phone mockup

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Manohar Gupta 2026-05-29 10:39:29 +05:30
parent e309c91309
commit 39b2787484
1 changed files with 0 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/marketing/PhoneMockup.tsx
View file

@ -280,18 +280,6 @@ export function PhoneMockup() {
return ( return (
<div className="flex flex-col items-center gap-3"> <div className="flex flex-col items-center gap-3">
{/* Floating label above phone */}
<div className="h-7 flex items-center">
{SCREENS.map((s, i) => (
<span
key={s.key}
className={`absolute text-xs font-medium px-3 py-1 rounded-full bg-rose-100 text-rose-700 transition-opacity duration-300 ${active === i ? "opacity-100" : "opacity-0 pointer-events-none"}`}
>
{s.label}
</span>
))}
</div>
{/* Phone */} {/* Phone */}
<div <div
className="relative" className="relative"