feat(nvim): implement basic layout

This commit is contained in:
Pihkaal
2024-05-30 15:44:49 +02:00
parent e21d337d53
commit 3832a7ca52
9 changed files with 66 additions and 13 deletions

View File

@@ -0,0 +1,28 @@
import { CHAR_HEIGHT } from "../Kitty";
import { NvimEditor } from "./NvimEditor";
import { NvimInput } from "./NvimInput";
import { NvimStatusBar } from "./NvimStatusBar";
import { NvimTree } from "./NvimTree";
export const Nvim = () => (
<div
className="grid h-full"
style={{
gridTemplateColumns: `0.4fr 2fr`,
gridTemplateRows: `1fr ${CHAR_HEIGHT}px ${CHAR_HEIGHT}px`,
}}
>
<div style={{ gridArea: "1 / 1 / 1 / 2" }}>
<NvimTree />
</div>
<div style={{ gridArea: "1 / 2 / 1 / 3" }}>
<NvimEditor />
</div>
<div style={{ gridArea: "2 / 1 / 2 / 3" }}>
<NvimStatusBar label="INSERT" labelColor="#7ea7ca" fileName="README.md" />
</div>
<div style={{ gridArea: "3 / 1 / 3 / 3" }}>
<NvimInput />
</div>
</div>
);