fix: styles of main and page toc

Signed-off-by: h3n4l <oysterdays@gmail.com>
9 months ago · 0fe771aa43
parent 001f98b948
commit 0fe771aa43
1 changed files with 6 additions and 3 deletions
--- a/theme/style.css
+++ b/theme/style.css
@ -5,20 +5,23 @@
 }

@media only screen and (min-width:1080px) {
+    :root {
+        --sidebar-width: 200px;
+    }
    main {
        position: relative;
-        padding-right: 170px;
+        padding-right: var(--sidebar-width);
    }
    .sidetoc {
        margin-left: auto;
        margin-right: auto;
        /*left: calc(100% + (var(--content-max-width))/4 - 180px);*/
-        left: calc(100% - 200px);
+        left: calc(100% - var(--sidebar-width));
        position: absolute;
    }
    .pagetoc {
        position: fixed;
-        width: 200px;
+        width: var(--sidebar-width);
        height: calc(100vh - var(--menu-bar-height) - 10rem);
        overflow: auto;
        z-index: 1000;