-
-
Notifications
You must be signed in to change notification settings - Fork 2.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Better Docs Layout for Small Screen #121
Comments
@jswildcards Thanks for noticing! I'm transferring to vitepress as the problem seems to also exist in https://next.vuex.vuejs.org |
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
What problem does this feature solve?
It is actually a layout problem of
vue-router-next
documentation. Please accept my apology if I reported it in the wrong place.Currently, the official documentation site layout is not worked as expected when it comes to the screen size with
959px
and719px
breakpoints.Unexpected behaviours with breakpoints:
959px
:16.4rem
is applied tomargin-left
in the main section.719px
:var(--sidebar-width)
is applied topadding-left
in the main section.As a result, the main content is hard to read when readers are using small-size screens, such as mobile phones, as the unexpected extra spaces are occupied.
What does the proposed API look like?
I haven't used 'vitepress' before so I don't know if it is actually an issue of vitepress. But I have a 'temporary' solution for this issue:
In
/docs/.vitepress/theme/Layout.vue
:And it should fix the layout problem existed.
I believe that small changes can bring a big positive effect on the community. Thank you for reviewing this issue.
The text was updated successfully, but these errors were encountered: