fix: terminal paste visibility

This commit is contained in:
vishalkadam47
2025-01-25 00:42:46 +05:30
parent c6569f70e4
commit d7210e9d7b

View File

@@ -32,10 +32,14 @@ export const Terminal: React.FC<Props> = ({ id, serverId }) => {
lineHeight: 1.4, lineHeight: 1.4,
convertEol: true, convertEol: true,
theme: { theme: {
cursor: resolvedTheme === "light" ? "#000000" : "transparent", cursor: resolvedTheme === "light" ? "#000000" : "#FFFFFF",
background: "rgba(0, 0, 0, 0)", background: resolvedTheme === "light" ? "#FFFFFF" : "rgba(0, 0, 0, 0.9)",
foreground: "currentColor", foreground: resolvedTheme === "light" ? "#000000" : "#FFFFFF",
selectionForeground: resolvedTheme === "light" ? "#000000" : "#FFFFFF",
}, },
allowTransparency: true,
screenReaderMode: true,
scrollback: 1000,
}); });
const addonFit = new FitAddon(); const addonFit = new FitAddon();
@@ -68,7 +72,7 @@ export const Terminal: React.FC<Props> = ({ id, serverId }) => {
return ( return (
<div className="flex flex-col gap-4"> <div className="flex flex-col gap-4">
<div className="w-full h-full bg-transparent border rounded-lg p-2 "> <div className="w-full h-full bg-transparent border rounded-lg p-2">
<div id={id} ref={termRef} className="rounded-xl" /> <div id={id} ref={termRef} className="rounded-xl" />
</div> </div>
</div> </div>