How do i change position of a button depending on size of screen in Vuetify
Like the first answer said you have to use breakpoint. Here is an example.
<v-flex xs12 md6 class="text-xs-right"> <v-btn :block="$vuetify.breakpoint.xsOnly" flat>Cancel</v-btn> <v-btn :block="$vuetify.breakpoint.xsOnly" color="primary" @click="onSave()">Save</v-btn></v-flex>
you can use "Breakpoint" this will allow you to apply specific properties based upon your viewport size.
export default { computed: { position () { switch (this.$vuetify.breakpoint.name) { case 'xs': return 'your position' case 'sm': return 'your position' case 'md': return 'your position' case 'lg': return 'your position' case 'xl': return 'your position' } } }}