Update terminal panel

This commit is contained in:
MacRimi
2026-03-15 16:40:28 +01:00
parent 0d6d570ae8
commit cfa4210b0a
4 changed files with 13 additions and 13 deletions

View File

@@ -31,7 +31,7 @@ import {
import { DialogHeader, DialogDescription } from "@/components/ui/dialog"
import { Input } from "@/components/ui/input"
import { Dialog as SearchDialog, DialogContent as SearchDialogContent, DialogTitle as SearchDialogTitle } from "@/components/ui/dialog"
import "@xterm/xterm/css/xterm.css"
import "xterm/css/xterm.css"
import { API_PORT, fetchApi } from "@/lib/api-config"
interface LxcTerminalModalProps {
@@ -169,8 +169,8 @@ export function LxcTerminalModal({
const initTerminal = async () => {
const [TerminalClass, FitAddonClass] = await Promise.all([
import("@xterm/xterm").then((mod) => mod.Terminal),
import("@xterm/addon-fit").then((mod) => mod.FitAddon),
import("xterm").then((mod) => mod.Terminal),
import("xterm-addon-fit").then((mod) => mod.FitAddon),
])
const fontSize = window.innerWidth < 768 ? 12 : 16

View File

@@ -25,7 +25,7 @@ import {
DropdownMenuSeparator,
DropdownMenuLabel,
} from "@/components/ui/dropdown-menu"
import "@xterm/xterm/css/xterm.css"
import "xterm/css/xterm.css"
import { API_PORT } from "@/lib/api-config"
interface WebInteraction {
@@ -202,9 +202,9 @@ export function ScriptTerminalModal({
const initializeTerminal = async () => {
const [TerminalClass, FitAddonClass] = await Promise.all([
import("@xterm/xterm").then((mod) => mod.Terminal),
import("@xterm/addon-fit").then((mod) => mod.FitAddon),
import("@xterm/xterm/css/xterm.css"),
import("xterm").then((mod) => mod.Terminal),
import("xterm-addon-fit").then((mod) => mod.FitAddon),
import("xterm/css/xterm.css"),
])
const fontSize = window.innerWidth < 768 ? 12 : 16

View File

@@ -472,9 +472,9 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
const initializeTerminal = async (terminal: TerminalInstance, container: HTMLDivElement) => {
const [TerminalClass, FitAddonClass] = await Promise.all([
import("@xterm/xterm").then((mod) => mod.Terminal),
import("@xterm/addon-fit").then((mod) => mod.FitAddon),
import("@xterm/xterm/css/xterm.css"),
import("xterm").then((mod) => mod.Terminal),
import("xterm-addon-fit").then((mod) => mod.FitAddon),
import("xterm/css/xterm.css"),
]).then(([Terminal, FitAddon]) => [Terminal, FitAddon])
const fontSize = window.innerWidth < 768 ? 12 : 16

View File

@@ -47,7 +47,7 @@
"geist": "^1.3.1",
"input-otp": "1.4.1",
"lucide-react": "^0.454.0",
"next": "15.2.4",
"next": "15.1.6",
"next-themes": "^0.4.6",
"react": "^19",
"react-day-picker": "9.8.0",
@@ -61,8 +61,8 @@
"tailwind-merge": "^3.3.1",
"tailwindcss-animate": "^1.0.7",
"vaul": "^0.9.9",
"@xterm/xterm": "^5.5.0",
"@xterm/addon-fit": "^0.10.0",
"xterm": "^5.3.0",
"xterm-addon-fit": "^0.8.0",
"zod": "3.25.67"
},
"devDependencies": {