lunanting/lovart3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: update scene fusion grid layout to 4 cols and adjust aspect ratio

Browse Source
This commit is contained in:
Your Name 2026-01-18 16:07:16 +08:00
parent cb1c808ece
commit 004d1de1ce
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/scene-fusion-view.tsx
View File

@ -497,7 +497,7 @@ export function SceneFusionView({ onBack }: SceneFusionViewProps) {
<p>添加场景图并开始裂变，结果将显示在这里</p>
</div>
) : (
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<div className="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4">
{scenes.map((scene, index) => (
<div key={scene.id} className="border rounded-lg overflow-hidden bg-background shadow-sm flex flex-col">
<div className="p-2 border-b text-xs text-muted-foreground bg-muted/30 flex justify-between items-center">
@ -515,7 +515,7 @@ export function SceneFusionView({ onBack }: SceneFusionViewProps) {
</span>
</div>
<div className="aspect-[4/3] bg-muted/20 relative group">
<div className="aspect-[3/4] bg-muted/20 relative group">
{scene.result ? (
<img src={scene.result} alt="生成结果" className="w-full h-full object-cover" />
) : (