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

增加输入框高度 以及 内边距

Browse Source
This commit is contained in:
北枳 2025-10-22 20:35:15 +08:00
parent f1c0414915
commit f2a9de646e
3 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/HomeBanner.tsx
View File

@ -5,7 +5,7 @@ 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"> <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">
{/* 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-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>

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

@ -422,6 +422,9 @@ export default function VideoCreationForm() {
data-alt="main-text-input" data-alt="main-text-input"
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={{
minHeight: '4.25rem'
}}
placeholder={dynamicPlaceholder} placeholder={dynamicPlaceholder}
value={inputText} value={inputText}
onChange={(e) => setInputText(e.target.value)} onChange={(e) => setInputText(e.target.value)}

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

@ -5,7 +5,7 @@ import FamousTemplate from '@/components/FamousTemplate';
export default function CreateVideo() { export default function CreateVideo() {
return ( return (
<div data-alt="create-video-page" className="w-full"> <div data-alt="create-video-page" className="w-full pt-20">
<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-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='py-2'> <div className='py-2'>