diff options
author | Andinus <andinus@nand.sh> | 2021-10-11 11:14:35 +0530 |
---|---|---|
committer | Andinus <andinus@nand.sh> | 2021-10-11 11:14:35 +0530 |
commit | ea9db62c67a3817918e5581b0b1477c9494844f7 (patch) | |
tree | ea6ed68e6079e86193d24fc1d0cc13ee4443a95c /public/global.css | |
parent | 3eb2fde31a7f7f243c41c99c2aeab103036865de (diff) | |
download | dorado-ea9db62c67a3817918e5581b0b1477c9494844f7.tar.gz |
Use plotly basic package, mount with onMount
Loading it with <svelte:head> meant that it was being fetched everytime user changed the page. Now it'll be bundled with bundle.js and we use onMount to solve it after everything has been loaded/rendered.
Diffstat (limited to 'public/global.css')
-rw-r--r-- | public/global.css | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/public/global.css b/public/global.css index 6bcca5b..10978a7 100644 --- a/public/global.css +++ b/public/global.css @@ -70,9 +70,11 @@ html { body { max-width: 96ch; - margin: auto; + margin: 2ch; line-height: 1.5; } +@media only screen and (min-width: 600px) { body { margin: 3.2ch; } } +@media only screen and (min-width: 84ch) { body { margin: 4ch auto; } } h1 { color: var(--fg); } h2 { color: var(--fg-special-warm); } @@ -111,7 +113,7 @@ form, input, button { padding: .25em; } - +input { max-width: 8ch; } input, button { border: 2px solid var(--bg-alt); } |