jemai
Reputation: 33
Remove padding-top on v-main in Vuetify
How to remove the padding-top on v-main while on desktop view?
I tried <v-main class="pt-0"> but it also remove in mobile view.
Upvotes: 3
Views: 4467
Answers (1)
Swift
Reputation: 820
Try this i hope it will work;
"pt-xl-0" for large screen,
"pt-md-0" for medium screen,
"pt-sm-0" or "pt-xs-0" for mobile screen,
"pt-0" for every screen
<v-main class="pt-2 pt-sm-2 pt-xs-2 pt-md-0 pt-lg-0 pt-xl-0">
for more refrence https://vuetifyjs.com/en/styles/spacing/
Upvotes: 4
Related Questions
- Vuetify v-bottom-navigation Pushed down
- Removing Margins and Padding within Vuetify
- Change padding of vuetify v-expansion-panel-content
- How to remove padding or margin in Vuetify?
- How to remove padding from v-select component in vuetify
- Remove content padding from Vuetify Parallax
- Vuetify vertical spacing
- How to remove text area bottom margin in vuetify?
- How do I apply more padding to my view in vuetify?
- Removing element white space inside v-layout [Vue + Vuetify]