xueteng/video-flow-b
1
0
Fork 0
forked from 77media/video-flow
Code Pull Requests Activity

兼容H5 Banner

Browse Source
This commit is contained in:
北枳 2025-10-21 23:08:24 +08:00
parent a93e08cd02
commit 9bea0715f3
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/HomeBanner.tsx
View File

@ -183,13 +183,8 @@ export default function HomeBanner() {
<div data-alt="background-overlay" className="absolute inset-0 bg-black/40" />
</div>
) : null}
<div
data-alt="banner-content"
className="relative flex flex-col items-center gap-4 text-center md:items-start md:text-left"
>
{/* Dismiss button */}
<div className="absolute right-0 top-0">
<div className={`absolute z-10 ${isDesktop ? 'right-4 top-4' : 'right-0 top-0'}`}>
<button
data-alt="banner-dismiss"
type="button"
@ -200,6 +195,11 @@ export default function HomeBanner() {
<ChevronUp className="h-5 w-5" />
</button>
</div>
<div
data-alt="banner-content"
className="relative flex flex-col items-center gap-4 text-center md:items-start md:text-left"
>
{eyebrow ? (
<span data-alt="banner-eyebrow" className="text-xs font-semibold uppercase tracking-[0.3em] text-white/70">
{eyebrow}
@ -210,10 +210,10 @@ export default function HomeBanner() {
{title}
</h1>
) : null}
{subtitle ? (
{(subtitle && isDesktop) ? (
<p data-alt="banner-subtitle" className="text-lg text-white/80 md:text-xl">{subtitle}</p>
) : null}
{description ? (
{(description && isDesktop) ? (
<p data-alt="banner-description" className="max-w-2xl text-base text-white/70">{description}</p>
) : null}
{ctaLabel ? (
@ -245,7 +245,7 @@ export default function HomeBanner() {
</section>
{/* Base content - always present under the banner */}
<div data-alt="home-banner-base" className={`relative p-6 px-12 min-h-[300px] flex items-center justify-center bg-[radial-gradient(ellipse_at_center,rgba(106,244,249,0.28)_0%,rgba(106,244,249,0.14)_35%,transparent_70%)] ${isDesktop ? '' : '!p-0'}`}>
<div data-alt="home-banner-base" className={`relative p-6 px-12 flex items-center justify-center bg-[radial-gradient(ellipse_at_center,rgba(106,244,249,0.28)_0%,rgba(106,244,249,0.14)_35%,transparent_70%)] ${isDesktop ? 'min-h-[300px]' : 'min-h-[200px] !p-0'}`}>
<VideoCreationForm />
</div>
</div>