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

更新 input边距

Browse Source
This commit is contained in:
moux1024 2025-10-22 20:51:35 +08:00
parent f2a9de646e
commit c5ae057405
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/HomeBanner.tsx
View File

@ -5,11 +5,11 @@ import { useDeviceType } from '@/hooks/useDeviceType';
export default function HomeBanner() { export default function HomeBanner() {
const { isDesktop } = useDeviceType(); const { isDesktop } = useDeviceType();
return ( return (
<div data-alt="home-banner-wrapper" className="sticky top-0 z-50 w-full mx-auto p-0 overflow-hidden bg-gradient-to-b from-black/80 to-black/10 pt-20"> <div data-alt="home-banner-wrapper" className="sticky top-0 z-50 w-full mx-auto p-0 overflow-hidden bg-gradient-to-b from-black/80 to-black/10 pt-14">
{/* Base content - always present under the banner */} {/* Base content - always present under the banner */}
<div className='p-1 text-center text-2xl font-bold tracking-tight sm:text-3xl'>Your idea. A movie. In minutes.</div> <div className='p-1 text-center text-2xl font-bold tracking-tight sm:text-3xl'>Your idea. A movie. In minutes.</div>
<div className='mx-auto w-full max-w-[600px] px-3 py-2 text-center text-xs text-gray-400 sm:px-16 sm:text-sm'>Our AI turns sparks into full-blown stories — fast & free.</div> <div className='mx-auto w-full max-w-[600px] px-3 py-4 text-center text-xs text-gray-400 sm:px-16 sm:text-sm'>Our AI turns sparks into full-blown stories — fast & free.</div>
<div data-alt="home-banner-base" className={`space-y-4 mx-auto w-full max-w-[900px] px-3 sm:px-16 relative py-2 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 ? 'px-24' : 'px-3'}`}> <div data-alt="home-banner-base" className={`space-y-4 mx-auto w-full max-w-[900px] sm:px-16 relative pt-2 pb-12 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 ? 'px-24' : 'px-3'}`}>
<VideoCreationForm /> <VideoCreationForm />
</div> </div>
</div> </div>

2
components/pages/create-video/CreateInput/VideoCreationForm.tsx
View File

@ -423,7 +423,7 @@ export default function VideoCreationForm() {
ref={mainTextInputRef} ref={mainTextInputRef}
className="w-full h-full bg-transparent text-gray-300 text-base placeholder:italic placeholder-gray-400 resize-none outline-none border-none" className="w-full h-full bg-transparent text-gray-300 text-base placeholder:italic placeholder-gray-400 resize-none outline-none border-none"
style={{ style={{
minHeight: '4.25rem' minHeight: '6.25rem'
}} }}
placeholder={dynamicPlaceholder} placeholder={dynamicPlaceholder}
value={inputText} value={inputText}

6
components/pages/create-video/CreateVideo.tsx
View File

@ -5,10 +5,10 @@ import FamousTemplate from '@/components/FamousTemplate';
export default function CreateVideo() { export default function CreateVideo() {
return ( return (
<div data-alt="create-video-page" className="w-full pt-20"> <div data-alt="create-video-page" className="w-full pt-14">
<div className='p-1 text-center text-2xl font-bold tracking-tight sm:text-3xl'>Your idea. A movie. In minutes.</div> <div className='p-1 text-center text-2xl font-bold tracking-tight sm:text-3xl'>Your idea. A movie. In minutes.</div>
<div className='mx-auto w-full max-w-[600px] px-3 py-2 text-center text-xs text-gray-400 sm:px-16 sm:text-sm'>Our AI turns sparks into full-blown stories — fast & free.</div> <div className='mx-auto w-full max-w-[600px] px-3 py-4 text-center text-xs text-gray-400 sm:px-16 sm:text-sm'>Our AI turns sparks into full-blown stories — fast & free.</div>
<div className='py-2'> <div className='pt-2 pb-12'>
<div className='space-y-4 mx-auto w-full max-w-[900px] px-3 sm:px-16 bg-[radial-gradient(ellipse_at_center,rgba(106,244,249,0.28)_0%,rgba(106,244,249,0.14)_35%,transparent_70%)]'> <div className='space-y-4 mx-auto w-full max-w-[900px] px-3 sm:px-16 bg-[radial-gradient(ellipse_at_center,rgba(106,244,249,0.28)_0%,rgba(106,244,249,0.14)_35%,transparent_70%)]'>
<VideoCreationForm /> <VideoCreationForm />
</div> </div>