style(ui): keep placeholder height while narrowing width
This commit is contained in:
parent
9c6beb3bd5
commit
75145fd19e
@ -69,7 +69,7 @@ export const ImageGenerationLoading = memo(
|
|||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
"relative overflow-hidden rounded-[22px] border border-[#e1e4ea] bg-[#eaedf2]",
|
"relative overflow-hidden rounded-[22px] border border-[#e1e4ea] bg-[#eaedf2]",
|
||||||
count === 1 ? "h-[320px] w-full max-w-[340px]" : "grid gap-3 p-3",
|
count === 1 ? "h-[420px] w-full max-w-[340px]" : "grid gap-3 p-3",
|
||||||
count > 1 && "grid-cols-2"
|
count > 1 && "grid-cols-2"
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
@ -82,7 +82,7 @@ export const ImageGenerationLoading = memo(
|
|||||||
Array.from({ length: count }).map((_, index) => (
|
Array.from({ length: count }).map((_, index) => (
|
||||||
<div
|
<div
|
||||||
key={index}
|
key={index}
|
||||||
className="relative h-[150px] overflow-hidden rounded-2xl border border-[#dfe3e9] bg-[#e7ebf0]"
|
className="relative h-[180px] overflow-hidden rounded-2xl border border-[#dfe3e9] bg-[#e7ebf0]"
|
||||||
>
|
>
|
||||||
<div className="absolute inset-0 bg-gradient-to-r from-[#e7ebf0] via-[#dce2ea] to-[#e7ebf0]" />
|
<div className="absolute inset-0 bg-gradient-to-r from-[#e7ebf0] via-[#dce2ea] to-[#e7ebf0]" />
|
||||||
<div
|
<div
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user