rucky/nanami-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改banner适配

Browse Source
This commit is contained in:
rucky
2026-03-25 18:42:46 +08:00
parent 83f3c67dbd
commit f459cc9ad0
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/public/HeroBanner.tsx
View File

@@ -288,7 +288,7 @@ export function HeroBanner({
return ( return (
<div <div
key={i} key={i}
className="absolute inset-0" className="absolute inset-0 overflow-hidden"
style={{ style={{
opacity: isActive ? 1 : isPrev ? 0 : 0, opacity: isActive ? 1 : isPrev ? 0 : 0,
transform: isActive transform: isActive
@@ -307,7 +307,7 @@ export function HeroBanner({
src={s.image} src={s.image}
alt="" alt=""
draggable={false} draggable={false}
className="h-full w-full object-cover" className="absolute left-1/2 top-0 h-full w-auto max-w-none -translate-x-1/2"
/> />
</div> </div>
); );
@@ -321,7 +321,7 @@ export function HeroBanner({
{/* Desktop spacer: 21:9 (9/21), capped height for ultrawide banners */} {/* Desktop spacer: 21:9 (9/21), capped height for ultrawide banners */}
<div <div
className="pointer-events-none relative z-10 hidden w-full sm:block" className="pointer-events-none relative z-10 hidden w-full sm:block"
style={{ paddingBottom: "min(42.86%, 480px)" }} style={{ paddingBottom: "min(50%, 810px)" }}
/> />
{/* Multi-layer gradient overlays */} {/* Multi-layer gradient overlays */}