diff options
| author | _ov4 <ov4@ov4.org> | 2026-10-21 11:02:26 +0000 |
|---|---|---|
| committer | _ov4 <ov4@ov4.org> | 2026-10-21 11:02:26 +0000 |
| commit | 5a254e2ab4741bc88c373ae1673c2ad9a7e6a588 (patch) | |
| tree | c26f6fb9186ac4c8d121349909689cd045f9d11f /bundle/src/style.css | |
| parent | c17775323baf93e0d9bd44a6f83cd32a986b6fcb (diff) | |
feat(bundle): add the Tauri editor with shared Dark+ language support
Add a single-document Monaco editor, native file dialogs, save handling and
prefilled input/output panels. Reuse the plugin's grammar and editor core.
Verify frontend behavior and compile the desktop app on Linux.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Diffstat (limited to 'bundle/src/style.css')
| -rw-r--r-- | bundle/src/style.css | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/bundle/src/style.css b/bundle/src/style.css new file mode 100644 index 0000000..96ee3cd --- /dev/null +++ b/bundle/src/style.css @@ -0,0 +1,20 @@ +:root { color-scheme: dark; font: 13px system-ui, sans-serif; color: #d4d4d4; background: #1e1e1e; } +* { box-sizing: border-box; } +body { margin: 0; height: 100vh; display: flex; flex-direction: column; overflow: hidden; } +header { display: flex; align-items: center; gap: 8px; padding: 8px; border-bottom: 1px solid #454545; } +button { font: inherit; color: inherit; background: #333; border: 1px solid #555; padding: 5px 16px; border-radius: 2px; cursor: pointer; } +button:hover { background: #404040; } +button:disabled { opacity: .5; cursor: default; } +button:focus-visible, textarea:focus-visible, pre:focus-visible { outline: 1px solid #007acc; outline-offset: -1px; } +#filename { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 8px; } +main { min-height: 0; flex: 1; display: grid; grid-template-rows: minmax(160px, 2fr) minmax(100px, 1fr); } +#editor { min-height: 0; overflow: hidden; } +#panels { min-height: 0; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #454545; } +section { min-width: 0; min-height: 0; display: flex; flex-direction: column; } +section + section { border-left: 1px solid #454545; } +label { padding: 5px 10px; background: #252526; } +textarea, pre { margin: 0; padding: 8px 10px; border: 0; color: inherit; background: #1e1e1e; font: 14px Consolas, Menlo, monospace; tab-size: 4; } +textarea { flex: 1; min-height: 0; width: 100%; resize: none; border-radius: 0; } +pre { flex: 1; min-height: 0; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; } +footer { min-height: 24px; padding: 3px 10px; border-top: 1px solid #454545; } +.invalid-bracket { color: #f44747 !important; } |