diff options
| author | s-ol <s+removethis@s-ol.nu> | 2024-03-12 17:53:36 +0000 |
|---|---|---|
| committer | s-ol <s+removethis@s-ol.nu> | 2024-03-12 17:57:19 +0000 |
| commit | cb0a22a314fd542467d3f1606aac475f582a0034 (patch) | |
| tree | dc063c099961df60161e4c70464817b56d29502e /web/style.css | |
| parent | web: basic temperature plot (diff) | |
| download | t937-serial-cb0a22a314fd542467d3f1606aac475f582a0034.tar.gz t937-serial-cb0a22a314fd542467d3f1606aac475f582a0034.zip | |
web: basic styling for sidebar
Diffstat (limited to 'web/style.css')
| -rw-r--r-- | web/style.css | 36 |
1 files changed, 34 insertions, 2 deletions
diff --git a/web/style.css b/web/style.css index 7838698..c3e245e 100644 --- a/web/style.css +++ b/web/style.css @@ -1,4 +1,5 @@ -html { +html, body, +h1, h2 { margin: 0; padding: 0; } @@ -6,11 +7,42 @@ html { body { display: flex; min-height: 100vh; - margin: 0; + + font-family: system-ui, sans-serif; } aside { + display: flex; + flex-direction: column; padding: 1em; + gap: 1em; + + width: 300px; + overflow: hidden; + resize: horizontal; +} +aside section { + display: flex; + flex-direction: column; + gap: 4px; +} +aside section > div { + display: flex; + justify-content: space-between; + gap: 4px; +} +aside input[type=range], +aside select { + max-width: unset; + flex-grow: 1; +} +aside button, +aside label { + min-width: 80px; +} + +.grow { + flex-grow: 1; } #plot { |