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

alignment

Browse Source
This commit is contained in:
vabene1111
2021-01-13 20:41:42 +01:00
parent a431031c04
commit ec778edb93
3 changed files with 33 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
vue/src/apps/RecipeView/RecipeView.vue
View File

@ -18,51 +18,47 @@
<hr/> <hr/>
<div class="row"> <div class="row">
<div class="col col-md-3"> <div class="col col-md-3">
<table> <div class="row d-flex" style="padding-left: 16px;height: 100%">
<tr> <div class="my-auto" style="padding-right: 4px">
<td rowspan="2"><i class="fas fa-user-clock fa-2x text-primary"></i></td> <i class="fas fa-user-clock fa-2x text-primary"></i>
<td><span class="text-primary"><b>{{ _('Preparation') }}</b></span></td> </div>
</tr> <div class="my-auto" style="padding-right: 4px">
<tr> <span class="text-primary"><b>{{ _('Preparation') }}</b></span><br/>
<td> {{ recipe.working_time }} {{ _('min') }}</td> {{ recipe.working_time }} {{ _('min') }}
</tr> </div>
</table> </div>
</div> </div>
<div class="col col-md-3"> <div class="col col-md-3">
<table> <div class="row d-flex" style="height: 100%">
<tr> <div class="my-auto" style="padding-right: 4px">
<td rowspan="2"><i class="far fa-clock fa-2x text-primary"></i></td> <i class="far fa-clock fa-2x text-primary"></i>
<td><span class="text-primary"><b>{{ _('Waiting') }}</b></span></td> </div>
</tr> <div class="my-auto" style="padding-right: 4px">
<tr> <span class="text-primary"><b>{{ _('Waiting') }}</b></span><br/>
<td>{{ recipe.waiting_time }} {{ _('min') }}</td> {{ recipe.waiting_time }} {{ _('min') }}
</tr> </div>
</table> </div>
</div> </div>
<div class="col col-md-4 col-10"> <div class="col col-md-4 col-10">
<table> <div class="row d-flex" style="padding-left: 16px;height: 100%">
<tr> <div class="my-auto" style="padding-right: 4px">
<td> <i class="fas fa-pizza-slice fa-2x text-primary"></i>
<i class="fas fa-pizza-slice fa-2x text-primary"></i> </div>
</td> <div class="my-auto" style="padding-right: 4px">
<td> <input dir="rtl"
<input dir="rtl"
style="border-width:0px;border:none; padding:0px; padding-left: 0.5vw; padding-right: 8px; max-width: 80px" style="border-width:0px;border:none; padding:0px; padding-left: 0.5vw; padding-right: 8px; max-width: 80px"
value="1" maxlength="3" value="1" maxlength="3"
type="number" class="form-control form-control-lg" v-model.number="servings"/> type="number" class="form-control form-control-lg" v-model.number="servings"/>
</td> </div>
<div class="my-auto">
<td style="padding-left: 0.5vw"> <b>{{ _('Servings') }}</b>
<b>{{ _('Servings') }}</b> </div>
</td> </div>
</tr>
</table>
</div> </div>
<div class="col col-md-2 col-2" style="text-align: right; padding-right: 1vw"> <div class="col col-md-2 col-2 my-auto" style="text-align: right; padding-right: 1vw">
<recipe-context-menu v-bind:recipe="recipe" :servings="servings"></recipe-context-menu> <recipe-context-menu v-bind:recipe="recipe" :servings="servings"></recipe-context-menu>
</div> </div>
</div> </div>
@ -124,7 +120,6 @@
<ImageViewer :recipe="recipe"></ImageViewer> <ImageViewer :recipe="recipe"></ImageViewer>
</div> </div>
<!--TODO timers -->
<div v-for="(s, index) in recipe.steps" v-bind:key="s.id" style="margin-top: 1vh"> <div v-for="(s, index) in recipe.steps" v-bind:key="s.id" style="margin-top: 1vh">
<Step :recipe="recipe" :step="s" :servings="servings" :index="index" :start_time="start_time" <Step :recipe="recipe" :step="s" :servings="servings" :index="index" :start_time="start_time"
@update-start-time="updateStartTime" @checked-state-changed="updateIngredientCheckedState"></Step> @update-start-time="updateStartTime" @checked-state-changed="updateIngredientCheckedState"></Step>

2
vue/src/components/Step.vue
View File

@ -60,7 +60,7 @@
</b-link> </b-link>
</div> </div>
<div class="col-1" style="text-align: right"> <div class="col-2" style="text-align: right">
<b-button @click="details_visible = !details_visible" style="border: none; background: none" <b-button @click="details_visible = !details_visible" style="border: none; background: none"
class="shadow-none" :class="{ 'text-primary': details_visible, 'text-success': !details_visible}"> class="shadow-none" :class="{ 'text-primary': details_visible, 'text-success': !details_visible}">
<i class="far fa-check-circle"></i> <i class="far fa-check-circle"></i>

2
vue/webpack-stats.json
View File

@ -1 +1 @@
{"status":"done","publicPath":"http://localhost:8080/","chunks":{"chunk-vendors":[{"name":"js/chunk-vendors.js","publicPath":"http://localhost:8080/js/chunk-vendors.js","path":"F:\\Developement\\Django\\recipes\\cookbook\\static\\vue\\js\\chunk-vendors.js"}],"recipe_view":[{"name":"js/recipe_view.js","publicPath":"http://localhost:8080/js/recipe_view.js","path":"F:\\Developement\\Django\\recipes\\cookbook\\static\\vue\\js\\recipe_view.js"},{"name":"recipe_view.28f50ed664b7081f0b31.hot-update.js","publicPath":"http://localhost:8080/recipe_view.28f50ed664b7081f0b31.hot-update.js","path":"F:\\Developement\\Django\\recipes\\cookbook\\static\\vue\\recipe_view.28f50ed664b7081f0b31.hot-update.js"}]},"error":"ModuleError","message":"Module Error (from ./node_modules/eslint-loader/index.js):\n\nF:\\Developement\\Django\\recipes\\vue\\src\\components\\Ingredient.vue\n 4:41 error Unexpected mutation of \"ingredient\" prop vue/no-mutating-props\n\n✖ 1 problem (1 error, 0 warnings)\n"} {"status":"done","publicPath":"http://localhost:8080/","chunks":{"chunk-vendors":[{"name":"js/chunk-vendors.js","publicPath":"http://localhost:8080/js/chunk-vendors.js","path":"F:\\Developement\\Django\\recipes\\cookbook\\static\\vue\\js\\chunk-vendors.js"}],"recipe_view":[{"name":"js/recipe_view.js","publicPath":"http://localhost:8080/js/recipe_view.js","path":"F:\\Developement\\Django\\recipes\\cookbook\\static\\vue\\js\\recipe_view.js"},{"name":"recipe_view.053e29b2cace695f54ae.hot-update.js","publicPath":"http://localhost:8080/recipe_view.053e29b2cace695f54ae.hot-update.js","path":"F:\\Developement\\Django\\recipes\\cookbook\\static\\vue\\recipe_view.053e29b2cace695f54ae.hot-update.js"}]},"error":"ModuleError","message":"Module Error (from ./node_modules/eslint-loader/index.js):\n\nF:\\Developement\\Django\\recipes\\vue\\src\\components\\Ingredient.vue\n 4:41 error Unexpected mutation of \"ingredient\" prop vue/no-mutating-props\n\n✖ 1 problem (1 error, 0 warnings)\n"}