Skip to content
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

[Bug Report][3.7.6] v-main wrong padding when using navigation drawer location top #20811

Open
apodacaduron opened this issue Dec 27, 2024 · 0 comments

Comments

@apodacaduron
Copy link

apodacaduron commented Dec 27, 2024

Environment

Vuetify Version: 3.7.6
Vue Version: 3.5.13
Browsers: Chrome 131.0.0.0
OS: Linux x86_64

Steps to reproduce

Add a v-layout
Add v-navigation-drawer with permanent and location="top" props
Add a v-main component with some content

Expected Behavior

The v-main content should be right below the v-navigation-drawer, v-main should have a padding top of around ~90px

Actual Behavior

The v-main content is a lot further down v-navigation-drawer, it has a top padding of 320px

Reproduction Link

https://play.vuetifyjs.com/#...

Comments

Basically i was trying to copy this design from the vuetify page, but ran into the issue on smaller screens
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant