style: update scene fusion grid layout to 4 cols and adjust aspect ratio
This commit is contained in:
parent
cb1c808ece
commit
004d1de1ce
@ -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" />
|
||||
) : (
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user