cgiacofei/TandoorRecipes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: ingredients table out of page bounds

Browse Source
This commit is contained in:
Oleh Astappiev
2022-05-29 18:25:18 +02:00
parent 43666e1f63
commit 37c87b4375
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
vue/src/apps/IngredientEditorView/IngredientEditorView.vue
View File

@ -98,7 +98,7 @@
<th>{{ $t('Unit') }}</th> <th>{{ $t('Unit') }}</th>
<th>{{ $t('Food') }}</th> <th>{{ $t('Food') }}</th>
<th>{{ $t('Note') }}</th> <th>{{ $t('Note') }}</th>
<th> <th class="text-right">
<b-button variant="success" class="btn btn-sm" @click="updateIngredient()"><i <b-button variant="success" class="btn btn-sm" @click="updateIngredient()"><i
class="fas fa-save"></i> class="fas fa-save"></i>
</b-button> </b-button>
@ -119,11 +119,11 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td style=""> <td>
<input type="number" class="form-control" v-model="i.amount" <input type="number" class="form-control" v-model="i.amount"
@input="$set(i, 'changed', true)"> @input="$set(i, 'changed', true)">
</td> </td>
<td style="min-width: 30vw"> <td>
<generic-multiselect @change="i.unit = $event.val; $set(i, 'changed', true)" <generic-multiselect @change="i.unit = $event.val; $set(i, 'changed', true)"
:initial_single_selection="i.unit" :initial_single_selection="i.unit"
:model="Models.UNIT" :model="Models.UNIT"
@ -132,7 +132,7 @@
:create_placeholder="$t('Create')" :create_placeholder="$t('Create')"
:multiple="false"></generic-multiselect> :multiple="false"></generic-multiselect>
</td> </td>
<td style="min-width: 30vw"> <td>
<generic-multiselect @change="i.food = $event.val; $set(i, 'changed', true)" <generic-multiselect @change="i.food = $event.val; $set(i, 'changed', true)"
:initial_single_selection="i.food" :initial_single_selection="i.food"
:model="Models.FOOD" :model="Models.FOOD"
@ -141,11 +141,11 @@
:create_placeholder="$t('Create')" :create_placeholder="$t('Create')"
:multiple="false"></generic-multiselect> :multiple="false"></generic-multiselect>
</td> </td>
<td style="min-width: 30vw"> <td>
<input class="form-control" v-model="i.note" @keydown="$set(i, 'changed', true)"> <input class="form-control" v-model="i.note" @keydown="$set(i, 'changed', true)">
</td> </td>
<td style=""> <td class="text-right">
<b-button-group> <b-button-group>
<b-button :disabled="i.changed !== true" <b-button :disabled="i.changed !== true"
:variant="(i.changed !== true) ? 'primary' : 'success'" :variant="(i.changed !== true) ? 'primary' : 'success'"