diff options
author | 2018-12-06 15:18:08 +0300 | |
---|---|---|
committer | 2023-01-13 10:37:54 +0300 | |
commit | 011b8df08e9319944210d62a75b11fa9f62df236 (patch) | |
tree | 669c612fac462743ade9d2e4cfa88f74e2edc8a0 /vnext/src/style/main.css | |
parent | 96256e69b7041dfddebdde23d45c1c3aa5126de9 (diff) |
layout fixes
Diffstat (limited to 'vnext/src/style/main.css')
-rw-r--r-- | vnext/src/style/main.css | 21 |
1 files changed, 11 insertions, 10 deletions
diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css index dfc657cf..4d6b1a7a 100644 --- a/vnext/src/style/main.css +++ b/vnext/src/style/main.css @@ -6,6 +6,7 @@ html, body, div, h1, h2, ul, li, p, form, input, textarea, pre { margin: 0; padding: 0; + box-sizing: border-box; } textarea { @@ -14,7 +15,6 @@ textarea { html, input, textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - font-size: 12pt; -webkit-font-smoothing: subpixel-antialiased; } @@ -40,8 +40,7 @@ img, hr { display: grid; grid-template-areas: "header" "content" "footer"; grid-template-columns: 1fr; - grid-template-rows: auto minmax(1fr, auto) auto; - grid-gap: 6px; + grid-template-rows: minmax(1fr, auto) minmax(1fr, auto) auto; min-height: 100vh; font: -apple-system-body; font-family: -apple-system, Segoe UI; @@ -53,7 +52,12 @@ img, hr { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.28); } - +#header_wrapper, .footer_container { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} #sidebar { border-right: 1px solid #ccc; color: #222; @@ -77,7 +81,8 @@ img, hr { background: #fefdfe; grid-area: content; height: 100%; - padding: 10px; + width: 100%; + margin-top: 12px; } #footer { @@ -189,16 +194,11 @@ img, hr { #header_wrapper, .footer_container { margin: 0 auto; width: var(--main-width); - display: flex; - justify-content: space-between; - align-items: center; - flex-wrap: wrap; } #wrapper { justify-self: center; width: var(--main-width); display: grid; - grid-gap: 10px; grid-template-columns: 200px minmax(1fr, max-content); grid-template-rows: auto; grid-template-areas: "nav feed"; @@ -211,6 +211,7 @@ img, hr { } #content { grid-area: feed; + width: 728px; } #sidebar { border: 0; |