Comment régler la hauteur de vuetify carte

J'essaie d'ajouter une carte avec vue et vuetify qui va prendre de l'espace dans mon conteneur à l'aide de v-flex pour créer une horizontale de la carte qui agit de la même façon à la verticale. J'ai tenté d'ajouter de la hauteur du style de 100%, à l'aide de remplissage de la hauteur, de l'enfant-flex, etc, mais je ne peux pas obtenir la taille de la carte pour remplir le récipient. Quelle est la bonne façon de régler la hauteur?

ref: https://vuetifyjs.com/en/components/cards

<div id="app">
  <v-app id="inspire">
    <v-toolbar color="green" dark fixed app>
      <v-toolbar-title>My Application</v-toolbar-title>
    </v-toolbar>
    <v-content >
      <v-container fluid fill-height >
        <v-layout
          justify-center
          align-center 
        >
          <v-flex text-xs-center >
              <v-card class="elevation-20" >
              <v-toolbar dark color="primary">
                <v-toolbar-title>I want this to take up the whole space with slight padding</v-toolbar-title>
                <v-spacer></v-spacer>
              </v-toolbar>
              <v-card-text>

              </v-card-text>

            </v-card>
          </v-flex>
        </v-layout>
      </v-container>
    </v-content>
    <v-footer color="green" app inset>
      <span class="white--text">&copy; 2018</span>
    </v-footer>
  </v-app>
</div>

exemple: https://codepen.io/anon/pen/LmVJKx

  • comme ceci codepen?
  • C'est un peu la fin de commentaire, mais j'ai eu le même problème lorsque j'ai besoin d'ajouter overflow:hidden à la carte et carte-texte
InformationsquelleAutor Darwin | 2018-04-20