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>
{/* 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
data-alt="portrait-button"
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 (
<div
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 */}
<button

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

@ -85,13 +85,13 @@ export default function PhotoPreviewSection({
<div
key={photo.id || `photo-${index}`}
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)}
onMouseLeave={() => setHoveredIndex(null)}
>
{/* Photo Image */}
<div
className="w-full h-full rounded-md overflow-hidden"
className="w-full h-full rounded-[16px] overflow-hidden"
onClick={() => handlePreview(photo.url)}
>
<img
@ -104,7 +104,7 @@ export default function PhotoPreviewSection({
{/* Type Icon - Bottom Left Corner */}
<div
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)}
</div>