fix: Fix layout shift cause by hovering over icons + misc items

This commit is contained in:
yz778 2025-01-31 20:00:16 -08:00
parent b6814a9e19
commit be6b539787

View File

@ -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")}>