quintenk
/
miller
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make sidebar hidable with Ctrl+B

This commit is contained in:
Quinten Kock 2026-05-03 05:00:09 +02:00
parent eb0a3f0231
commit 134d73da9b
2 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/editorgrid.ts
View File

@ -8,6 +8,7 @@ import { Editor } from "./editor";
import { Terminal } from "./terminal"; import { Terminal } from "./terminal";
import { Displayable } from "./displayable"; import { Displayable } from "./displayable";
import { QuickOpen } from "./quickopen"; import { QuickOpen } from "./quickopen";
import { toggleSidebar } from "./renderer";
const EditorWrapper = ( const EditorWrapper = (
editor: State<Displayable>, editor: State<Displayable>,
@ -141,6 +142,10 @@ function shortcutHandler(e: KeyboardEvent) {
QuickOpen.open(); QuickOpen.open();
} }
e.preventDefault(); e.preventDefault();
} else if (e.key === "b" && e.ctrlKey) {
if (e.type === "keydown") {
toggleSidebar();
}
} }
} }

11
src/app/renderer.ts
View File

@ -15,11 +15,22 @@ function newFile() {
addEditor(file); addEditor(file);
} }
export function toggleSidebar() {
if (sidebar.val == "none") {
sidebar.val = "tree";
} else if (sidebar.val == "tree") {
sidebar.val = "none";
}
}
export const sidebar = van.state<"tree" | "none">("tree");
const app = v.div( const app = v.div(
{ class: "h-screen max-h-screen w-screen max-w-screen flex" }, { class: "h-screen max-h-screen w-screen max-w-screen flex" },
v.aside( v.aside(
{ {
class: "flex-none resize-x overflow-x-hidden overflow-y-scroll w-3xs min-w-32", class: "flex-none resize-x overflow-x-hidden overflow-y-scroll w-3xs min-w-32",
hidden: () => sidebar.val != "tree",
}, },
u.InlineButton(addTab, "Add Tab", "+Tab"), u.InlineButton(addTab, "Add Tab", "+Tab"),
u.InlineButton(newFile, "Add Editor", "+File"), u.InlineButton(newFile, "Add Editor", "+File"),