mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-01 04:10:06 -05:00
Code Issues Packages Projects Releases Wiki Activity

new meal type edit

Browse Source
This commit is contained in:
Kaibu
2021-10-13 14:50:52 +02:00
parent 38c0d01dc1
commit 4b1443a705
6 changed files with 157 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
vue/src/components/MealPlanCalenderHeader.vue
View File

@@ -43,7 +43,8 @@
<slot name="label">{{ headerProps.periodLabel }}</slot>
</div>
<div class="actionArea d-none d-sm-flex">
<span class="delete-area text-danger p-1 mr-2" @drop.prevent="onDeleteDrop($event)"
<button class="btn btn-success plus-button pt-1 pb-1" @click="$emit('create-new')"><i class="fas fa-plus"></i></button>
<span class="delete-area text-danger p-1 mr-2 ml-2" @drop.prevent="onDeleteDrop($event)"
@dragenter.prevent="onDeleteDragEnter($event)" @dragleave.prevent="onDeleteDragLeave($event)" @dragover.prevent="onDeleteDragEnter"><i
class="fas fa-trash"></i> {{ $t('Drag_Here_To_Delete') }}</span>
</div>
@@ -107,6 +108,13 @@ export default {
font-size: 1.5em;
}
.plus-button {
border-style: dotted;
margin-left: auto;
order: 1;
user-select: none
}
.delete-area {
border-style: dotted;
margin-left: auto;