Vuetify v-card は v-col で可能なすべての高さに適合します

Question

vue と vuetify を使用してログイン/登録ページを構築しています。 以下にコードを置きます (私はイタリア人なのでテキストはイタリア語ですが、理解できると思います):

リーリー

これを試してみると、「登録」(登録) カードの高さがログイン カードよりも低いことがわかります。見栄えを良くするために、高さをログインカードと同じにする方法（できればCSSを使用しますが、JSは使用しません）はありますか？

＃＃＃ありがとう！良い１日を！

Answer 1

私が作成したこのコードサンドボックスを確認してください: https://codesandbox.io/s/stack-70836234-11sck?file=/src/components/CardHeight.vue

v-row から align="center" を削除します。次に、CSS height:100% を v-card

に追加するだけです。

更新: モバイル ビューでのみ v-card に固定の高さを設定するには、vuetify の表示ブレークポイント を使用できます。この場合、それらを style 属性に適用しましたが、これは、任意の HTML 属性で使用でき、js のどこでも使用できます。

リーリー