fix: styles of main and page toc

Signed-off-by: h3n4l <oysterdays@gmail.com>
pull/1377/head
h3n4l 9 months ago
parent 001f98b948
commit 0fe771aa43

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

Loading…
Cancel
Save