Vertically center items in Vuetify v-app-bar

I was writing a navigation bar and wanted to center some buttons in the navbar. Here is how I did it.
Note that there are many items in nav-bar which is not very good in terms of material design principles (for smaller screens). If there are that many items, it is advisable to put a navigation-drawer inside v-app-bar. But I wanted to get the point across, so here it goes.

Note the line:v-container fill-height

Here fill-height prop is essential for centering, particularly vertical centering.

No Comments

You can leave the first : )

Leave a Reply

Your email address will not be published. Required fields are marked *