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