[Vuejs]-Vuetify stop zoom out Website on small displays

by

0👍

✅

I got the answer. I used the <v-navigation-drawer> provided by Vuetify to create a drawer object. I used the following options:

<v-navigation-drawer v-model="drawer" absolute temporary right>

But absolute means it "Applies position: absolute to the component." which means that it takes extra space in the website. The option must be "fixed" instead of "absolute" then it works.

The good settings are:

<v-navigation-drawer v-model="drawer" fixed temporary right>

Now the drawer opens on the right side of the website (better for smartphones) and it doesn’t take any absolute space!!

Leave a comment