From e75d9e371269a4e46bffa6b3dd1fc7d040e82750 Mon Sep 17 00:00:00 2001 From: Stefan Majewsky Date: Tue, 30 Sep 2025 13:34:10 +0200 Subject: add mdedit --- internal/mdedit/res/style.css | 48 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 internal/mdedit/res/style.css (limited to 'internal/mdedit/res/style.css') diff --git a/internal/mdedit/res/style.css b/internal/mdedit/res/style.css new file mode 100644 index 0000000..01cd0c2 --- /dev/null +++ b/internal/mdedit/res/style.css @@ -0,0 +1,48 @@ +:root { + height: 100vh; + overflow: none; +} + +body { + display: grid; + margin: 0; + padding: 0; + grid-template-rows: 2rem 1fr; + grid-template-columns: 1fr 1fr; + grid-template-areas: "nav nav" "editor preview"; + overflow: hidden; + height: 100vh; + font-family: system-ui, sans-serif; + + & > nav { grid-area: nav; } + & > textarea#editor { grid-area: editor; } + & > div#preview { grid-area: preview; } +} + +nav { + height: 2rem; + line-height: 2rem; + padding: 0 1rem; + background: #111; + color: white; + + & > span#title { font-weight: bold; } +} + +textarea#editor { + margin: 0; + border: none; + background: #333; + color: white; + + resize: none; + overflow-y: scroll; + height: 100%; +} + +div#preview { + padding: 0 1rem; + + overflow: scroll; + height: 100%; +} -- cgit v1.3.1