Something went wrong. Try again.
Monorepo for the nibling.run platform
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435<!doctype html><html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>nibling views</title> <style> html, body { margin: 0; height: 100%; background: var(--nib-color-canvas); color: var(--nib-color-text); font: var(--nib-font-ui); } body { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 320px); gap: var(--nib-space-sm); padding: var(--nib-space-sm); box-sizing: border-box; } .pane { display: flex; flex-direction: column; border: var(--nib-size-border) solid var(--nib-color-border); min-width: 0; min-height: 0; } .pane h2 { margin: 0; padding: var(--nib-space-xs) var(--nib-space-sm); font-size: var(--nib-font-size-small); font-weight: 600; background: var(--nib-color-surface); border-bottom: var(--nib-size-border) solid var(--nib-color-border); } .pane > :last-child { flex: 1; min-width: 0; min-height: 0; } </style> </head> <body> <div class="pane"> <h2>Editor</h2> <nib-editor id="editor"></nib-editor> </div> <div class="pane"> <h2>Preview</h2> <nib-preview id="preview"></nib-preview> </div> <div class="pane"> <h2>Terminal</h2> <nib-terminal id="terminal"></nib-terminal> </div> <div class="pane"> <h2>Agent</h2> <nib-agent id="agent"></nib-agent> </div> <script type="module" src="./views.ts"></script> </body></html>