fix: Fix layout shift cause by hovering over icons + misc items
This commit is contained in:
parent
b6814a9e19
commit
be6b539787
@ -148,7 +148,7 @@ export const PlaygroundMessage = (props: Props) => {
|
|||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
{/* source if aviable */}
|
{/* source if available */}
|
||||||
{props.images &&
|
{props.images &&
|
||||||
props.images &&
|
props.images &&
|
||||||
props.images.filter((img) => img.length > 0).length > 0 && (
|
props.images.filter((img) => img.length > 0).length > 0 && (
|
||||||
@ -196,10 +196,10 @@ export const PlaygroundMessage = (props: Props) => {
|
|||||||
)}
|
)}
|
||||||
{!props.isProcessing && !editMode && (
|
{!props.isProcessing && !editMode && (
|
||||||
<div
|
<div
|
||||||
className={`space-x-2 gap-2 mt-3 ${
|
className={`space-x-2 gap-2 mt-3 flex ${
|
||||||
props.currentMessageIndex !== props.totalMessages - 1
|
props.currentMessageIndex !== props.totalMessages - 1
|
||||||
? "hidden group-hover:flex"
|
? "invisible group-hover:visible"
|
||||||
: "flex"
|
: ""
|
||||||
}`}>
|
}`}>
|
||||||
{props.isTTSEnabled && (
|
{props.isTTSEnabled && (
|
||||||
<Tooltip title={t("tts")}>
|
<Tooltip title={t("tts")}>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user