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