diff --git a/src/_layouts/base.njk b/src/_layouts/base.njk index 23200ff..31e6dec 100644 --- a/src/_layouts/base.njk +++ b/src/_layouts/base.njk @@ -26,10 +26,8 @@ {{ content | safe }}
- + {% include "tagslist.njk" %} + {% include "other_links.njk" %}
diff --git a/src/assets/css/index.scss b/src/assets/css/index.scss index 136161b..eb8a41a 100644 --- a/src/assets/css/index.scss +++ b/src/assets/css/index.scss @@ -58,50 +58,42 @@ body { } main { - max-width: 50rem; + max-width: 1200px; margin: 0 auto; display: flex; - position: relative; } .main-content { margin: auto; - width: 50rem; + width: 1200px; } .right-side { - position: absolute; - left: 110%; - height: 100%; - max-width: 300px; - margin-right: 30px; -} - -.nav-right { position: sticky; top: 1rem; align-self: flex-start; width: 300px; + padding-left: 60px; } -.nav-right .title { +.right-side .title { color: var(--text-color-secondary); font-weight: 700; } -.nav-right .tags { +.right-side .tags { display: flex; flex-wrap: wrap; gap: 5px; } -.nav-right .links { +.right-side .links { padding: 0; list-style: none; } -.nav-right .tags, -.nav-right .links { +.right-side .tags, +.right-side .links { padding: 0; margin: 12px 0 23px 0; list-style: none; @@ -398,7 +390,7 @@ pre[class*="language-diff-"] { color: inherit; /* override del, ins, mark defaults */ } -@media only screen and (max-width: 1550px) { +@media only screen and (max-width: 1200px) { main { max-width: 100%; flex-direction: column; @@ -408,16 +400,9 @@ pre[class*="language-diff-"] { max-width: 100%; } .right-side { - position: relative; - left: unset; - height: unset; width: 100%; - max-width: 50rem; padding-left: 0; - margin: 0 auto; - } - .nav-right { - width: 100%; + padding-top: 5rem; } .main-footer { flex-direction: column-reverse;