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

统一create入口：调整间距

Browse Source
This commit is contained in:
北枳 2025-10-18 10:46:10 +08:00
parent 5c33805284
commit 9431e842bd
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -114,7 +114,7 @@ export const ConfigPanel = ({
</Dropdown> </Dropdown>
{/* Aspect ratio toggles */} {/* Aspect ratio toggles */}
<div data-alt="aspect-ratio-controls" className="h-8 px-2 py-1 flex items-center rounded-full border border-white/20 hover:border-cyan-400/60"> <div data-alt="aspect-ratio-controls" className="h-8 p-1 flex items-center rounded-full border border-white/20 hover:border-cyan-400/60">
<button <button
data-alt="portrait-button" data-alt="portrait-button"
className={`w-8 h-6 rounded-full transition-all duration-200 flex items-center justify-center ${ className={`w-8 h-6 rounded-full transition-all duration-200 flex items-center justify-center ${

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

@ -81,7 +81,7 @@ export function PortraitAnimeSelector({
return ( return (
<div <div
data-alt="portrait-anime-selector" data-alt="portrait-anime-selector"
className={`h-8 px-2 py-1 flex items-center rounded-full border border-white/20 hover:border-cyan-400/60 ${className || ''}`} className={`h-8 p-1 flex items-center rounded-full border border-white/20 hover:border-cyan-400/60 ${className || ''}`}
> >
{/* Portrait button */} {/* Portrait button */}
<button <button

6
components/pages/create-video/PhotoPreview/PhotoPreviewSection.tsx
View File

@ -85,13 +85,13 @@ export default function PhotoPreviewSection({
<div <div
key={photo.id || `photo-${index}`} key={photo.id || `photo-${index}`}
data-alt="photo-item" data-alt="photo-item"
className="relative flex-shrink-0 w-16 h-16 rounded-md overflow-visible border border-white/10 hover:border-cyan-400/60 transition-all duration-200 cursor-pointer group bg-black/20" className="relative flex-shrink-0 w-16 h-16 rounded-[16px] overflow-visible border border-white/10 hover:border-cyan-400/60 transition-all duration-200 cursor-pointer group bg-black/20"
onMouseEnter={() => setHoveredIndex(index)} onMouseEnter={() => setHoveredIndex(index)}
onMouseLeave={() => setHoveredIndex(null)} onMouseLeave={() => setHoveredIndex(null)}
> >
{/* Photo Image */} {/* Photo Image */}
<div <div
className="w-full h-full rounded-md overflow-hidden" className="w-full h-full rounded-[16px] overflow-hidden"
onClick={() => handlePreview(photo.url)} onClick={() => handlePreview(photo.url)}
> >
<img <img
@ -104,7 +104,7 @@ export default function PhotoPreviewSection({
{/* Type Icon - Bottom Left Corner */} {/* Type Icon - Bottom Left Corner */}
<div <div
data-alt="type-icon" data-alt="type-icon"
className="absolute bottom-1 left-1 w-5 h-5 bg-black/60 backdrop-blur-sm text-cyan-400 rounded-sm flex items-center justify-center z-[5]" className="absolute bottom-1 left-1 w-4 h-4 bg-black/60 backdrop-blur-sm text-cyan-400 rounded-sm flex items-center justify-center z-[5]"
> >
{getTypeIcon(photo.type)} {getTypeIcon(photo.type)}
</div> </div>