Optimization for wide screens about docute HOT 6 CLOSED

Currently v1.0.0 the main content is limited to 900px and being centered, the sidebar is fixed element, so still on the leftmost side.

from docute.

Yeah, that makes sense. I didn't even notice this because I'm (always) using a small laptop 😂

from docute.

@egoist the new layout is buggy 😂

I think you'd better not change

.main {
  padding-left: 280px;
}

into

.main {
  margin-left: 280px;
}

margin-left is overwritten by margin: 0 auto when centering contents.

Or you need to adjust the breakpoint from 1280px to 1560px (margin for both left&right, 280px * 2), but honestly, it's a bit ugly 🙄

from docute.

It should be fixed now, but sadly I have no device to test 😂

from docute.

Well, now it's a little too narrow...

Actually, you can use the responsive design tool (in chrome/firefox devtools) to 'resize' your layout to larger dimensions. But I think I should create a PR for this issue 😂

from docute.

just forgot about that... I've fixed this a bit, any PR to improve it is welcome ;)

from docute.