michael/enrecipes
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

styled listview

Browse source
This commit is contained in:
vishnuraghavb 2021-04-21 16:01:25 +05:30
parent 87776c69e4
commit 6b032c8306
1 changed files with 13 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
app/components/EnRecipes.vue
View file

@ -77,7 +77,7 @@
>
<Image
class="imgHolder"
verticalAlignment="top"
verticalAlignment="center"
v-if="recipe.imageSrc"
:src="recipe.imageSrc"
stretch="none"
@ -87,8 +87,8 @@
/>
<Label
v-else
verticalAlignment="center"
class="ico imgHolder"
verticalAlignment="top"
@loaded="centerLabel"
width="96"
height="96"
@ -161,14 +161,16 @@
/>
<StackLayout class="recipeInfo" row="1">
<Label :text="recipe.title" class="tb title tw" />
<StackLayout class="attributes" orientation="horizontal">
<Label class="ico sm" :text="icon.cuisine" />
<Label class="attr" :text="recipe.cuisine | L" />
</StackLayout>
<StackLayout class="attributes" orientation="horizontal">
<Label class="ico sm" :text="icon.category" />
<Label class="attr" :text="recipe.category | L" />
</StackLayout>
<FlexboxLayout flexWrap="wrap">
<StackLayout class="attributes" orientation="horizontal">
<Label class="ico sm" :text="icon.cuisine" />
<Label class="attr" :text="recipe.cuisine | L" />
</StackLayout>
<StackLayout class="attributes" orientation="horizontal">
<Label class="ico sm" :text="icon.category" />
<Label class="attr" :text="recipe.category | L" />
</StackLayout>
</FlexboxLayout>
<StackLayout
:hidden="!recipe.tags.length"
class="attributes"
@ -182,7 +184,7 @@
</v-template>
<v-template name="photogrid">
<GridLayout
class="recipeItem grid"
class="recipeItem grid photogrid"
:class="getItemPos(recipe.id)"
rows="auto, auto"
columns="*"