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

banner输入框内边距H5兼容

Browse Source
This commit is contained in:
北枳 2025-10-21 19:43:32 +08:00
parent 94e18b8110
commit e1edd2008d
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/HomeBanner.tsx
View File

@ -5,6 +5,7 @@ import { fetchSettingByCode } from "@/api/serversetting";
import { X, ChevronUp, ChevronsDown } from "lucide-react"; import { X, ChevronUp, ChevronsDown } from "lucide-react";
import { ChatInputBox } from "@/components/ChatInputBox/ChatInputBox"; import { ChatInputBox } from "@/components/ChatInputBox/ChatInputBox";
import { VideoCreationForm } from '@/components/pages/create-video/CreateInput'; import { VideoCreationForm } from '@/components/pages/create-video/CreateInput';
import { useDeviceType } from '@/hooks/useDeviceType';
export const HOME_BANNER_CODE = "homeBanner"; export const HOME_BANNER_CODE = "homeBanner";
const HOME_BANNER_COLLAPSE_KEY = "homeBannerCollapsedDate"; const HOME_BANNER_COLLAPSE_KEY = "homeBannerCollapsedDate";
@ -42,6 +43,8 @@ export default function HomeBanner() {
const autoCollapseTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null); const autoCollapseTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
const skipAutoCollapseRef = useRef<boolean>(false); const skipAutoCollapseRef = useRef<boolean>(false);
const { isMobile, isDesktop } = useDeviceType();
/** Returns YYYY-MM-DD for user's local timezone */ /** Returns YYYY-MM-DD for user's local timezone */
const getLocalDateKey = () => { const getLocalDateKey = () => {
const now = new Date(); const now = new Date();
@ -239,7 +242,7 @@ export default function HomeBanner() {
</section> </section>
{/* Base content - always present under the banner */} {/* 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%)]"> <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'}`}>
<VideoCreationForm /> <VideoCreationForm />
</div> </div>
</div> </div>

2
components/layout/type.ts
View File

@ -17,7 +17,7 @@ export const navigationItems: Navigations[] = [
{ name: 'Home', href: '/home', icon: Home }, { name: 'Home', href: '/home', icon: Home },
{ name: 'My Portfolio', href: '/movies', icon: BookHeart }, { name: 'My Portfolio', href: '/movies', icon: BookHeart },
{ name: 'Share', href: '/share', icon: Gift }, { name: 'Share', href: '/share', icon: Gift },
{ name: 'Create', href: '/create', icon: Plus }, // { name: 'Create', href: '/create', icon: Plus },
], ],
} }
]; ];