[Vuejs]-Vuetify – how to add margin to text within v-app-bar?

by

0👍

Based on the comments I came up with this, it is also responsive. This should just move the text:

<style>
  @media (min-width: 600px) {
    .app-bar-text {
      margin-left: 300px;
    }
  }
</style>

<v-app-bar>
  <v-container class="d-flex align-center py-0">
    <v-app-bar-title class="pl-0">
      <div class="app-bar-text">
        Example Sentence that should be centered
      </div>
    </v-app-bar-title>
  </v-container>
</v-app-bar>

Leave a comment