aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/style
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2018-12-06 15:18:08 +0300
committerGravatar Vitaly Takmazov2023-01-13 10:37:54 +0300
commit011b8df08e9319944210d62a75b11fa9f62df236 (patch)
tree669c612fac462743ade9d2e4cfa88f74e2edc8a0 /vnext/src/style
parent96256e69b7041dfddebdde23d45c1c3aa5126de9 (diff)
layout fixes
Diffstat (limited to 'vnext/src/style')
-rw-r--r--vnext/src/style/main.css21
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;