Display buttons as list

This commit is contained in:
Daniel O'Connor 2025-01-27 05:26:21 +00:00
commit 1d049cdafc

View file

@ -72,22 +72,26 @@
{{ ing.input }} {{ ing.input }}
<v-card-actions> <v-card-actions>
<v-spacer /> <v-spacer />
<BaseButton <ul style="list-style-type: none;">
v-if="errors[index].unitError && errors[index].unitErrorMessage !== ''" <li v-if="errors[index].unitError && errors[index].unitErrorMessage !== ''">
color="warning" <BaseButton
small color="warning"
@click="createUnit(ing.ingredient.unit, index)" small
> @click="createUnit(ing.ingredient.unit, index)"
{{ errors[index].unitErrorMessage }} >
</BaseButton> {{ errors[index].unitErrorMessage }}
<BaseButton </BaseButton>
v-if="errors[index].foodError && errors[index].foodErrorMessage !== ''" </li>
color="warning" <li v-if="errors[index].foodError && errors[index].foodErrorMessage !== ''">
small <BaseButton
@click="createFood(ing.ingredient.food, index)" color="warning"
> small
{{ errors[index].foodErrorMessage }} @click="createFood(ing.ingredient.food, index)"
</BaseButton> >
{{ errors[index].foodErrorMessage }}
</BaseButton>
</li>
</ul>
</v-card-actions> </v-card-actions>
</v-expansion-panel-content> </v-expansion-panel-content>
</v-expansion-panel> </v-expansion-panel>