Здесь я использую vuetify js для создания кнопок, и я установил свой размер кнопки большим. Я вижу изменение размера кнопок, но все, что я мог видеть, это то, что все мои кнопки имеют разный размер. Я хочу, чтобы все мои кнопки были одинаковой высоты и ширины, которые имеют одинаковый размер для всех кнопок. Пожалуйста, помогите мне с этим.
Вот мой код:
<template>
<div class="text-center">
<v-btn
dark large
min-width: 0;
class="ma-2"
color="red"
>
Red
</v-btn>
<v-btn
dark large
class="ma-2"
color="pink"
>
Pink
</v-btn>
<v-btn
dark large
class="ma-2"
color="purple"
>
Purple
</v-btn>
<v-btn
dark large
class="ma-2"
color="light-blue"
>
Light-Blue
</v-btn>
<v-btn
dark large
class="ma-2"
color="brown"
>
Brown
</v-btn> <br/>
<v-btn
dark large
class="ma-2"
color="orange"
>
Orange
</v-btn>
<v-btn
dark large
class="ma-2"
color="green"
>
Green
</v-btn>
<v-btn
dark large
class="ma-2"
color="teal"
>
Teal
</v-btn>
<v-btn
dark large
class="ma-2"
color="yellow"
>
Yellow
</v-btn>
<v-btn
dark large
class="ma-2"
color="cyan"
>
Cyan
</v-btn><br/>
<v-btn
dark large
class="ma-2"
color="amber"
>
Amber
</v-btn>
<v-btn
dark large
class="ma-2"
color="lime"
>
Lime
</v-btn>
<v-btn
dark large
class="ma-2"
color="grey"
>
Grey
</v-btn>
<v-btn
dark large
class="ma-2"
color="blue-grey"
>
Blue-Grey
</v-btn>
<v-btn
dark large
class="ma-2 white--text"
color="black"
>
Black
</v-btn>
</div>
</template>