iarv/Remote-Terminal-for-MeshCore
1
0
Fork 1
mirror of https://github.com/jkingsman/Remote-Terminal-for-MeshCore.git synced 2026-03-28 17:43:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add constraints on bot code editor window size

Browse Source
This commit is contained in:
Jack Kingsman
2026-01-27 19:21:38 -08:00
parent 6ef6ca4553
commit ccafd70388
8 changed files with 45 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/dist/assets/BotCodeEditor-BIWI6rgj.js → frontend/dist/assets/BotCodeEditor-DAhWP4wk.js vendored
View File

File diff suppressed because one or more lines are too long

2
frontend/dist/assets/BotCodeEditor-BIWI6rgj.js.map → frontend/dist/assets/BotCodeEditor-DAhWP4wk.js.map vendored
View File

File diff suppressed because one or more lines are too long

4
frontend/dist/assets/index-LNhn5rJq.js → frontend/dist/assets/index-BtBXI4sW.js vendored
View File

File diff suppressed because one or more lines are too long

2
frontend/dist/assets/index-LNhn5rJq.js.map → frontend/dist/assets/index-BtBXI4sW.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
frontend/dist/assets/index-9kq4Muxx.css → frontend/dist/assets/index-DiCOP9Mw.css vendored
View File

File diff suppressed because one or more lines are too long

4
frontend/dist/index.html vendored
View File

@@ -13,8 +13,8 @@
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />
<script type="module" crossorigin src="/assets/index-LNhn5rJq.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-9kq4Muxx.css">
<script type="module" crossorigin src="/assets/index-BtBXI4sW.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DiCOP9Mw.css">
</head>
<body>
<div id="root"></div>

30
frontend/src/components/BotCodeEditor.tsx
View File

@@ -10,19 +10,21 @@ interface BotCodeEditorProps {
export function BotCodeEditor({ value, onChange, id }: BotCodeEditorProps) {
return (
<CodeMirror
value={value}
onChange={onChange}
extensions={[python()]}
theme={oneDark}
height="256px"
basicSetup={{
lineNumbers: true,
foldGutter: false,
highlightActiveLine: true,
}}
className="rounded-md border border-input overflow-hidden text-sm"
id={id}
/>
<div className="w-full overflow-hidden rounded-md border border-input">
<CodeMirror
value={value}
onChange={onChange}
extensions={[python()]}
theme={oneDark}
height="256px"
basicSetup={{
lineNumbers: true,
foldGutter: false,
highlightActiveLine: true,
}}
className="text-sm"
id={id}
/>
</div>
);
}

9
frontend/src/index.css
View File

@@ -37,3 +37,12 @@
font-size: 14px;
}
}
/* Constrain CodeMirror editor width */
.cm-editor {
max-width: 100% !important;
contain: inline-size;
}
.cm-editor .cm-scroller {
overflow-x: auto !important;
}