github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-22 22:43:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 15

lazy-load shopping list

Browse source
This commit is contained in:
hay-kot 2021-05-24 20:12:14 -07:00
commit 391372346f
1 changed files with 15 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

26
frontend/src/pages/ShoppingList/index.vue
View file

@ -92,20 +92,24 @@
<p v-if="!edit" class="mb-0">{{ item.quantity }}</p> <p v-if="!edit" class="mb-0">{{ item.quantity }}</p>
<v-icon v-if="!edit" small class="mx-3"> <v-icon v-if="!edit" x-small class="mx-3">
mdi-window-close mdi-window-close
</v-icon> </v-icon>
<vue-markdown v-if="!edit" class="dense-markdown" :source="item.text"> </vue-markdown> <v-lazy>
<v-textarea <div>
single-line <vue-markdown v-if="!edit" class="dense-markdown" :source="item.text"> </vue-markdown>
rows="1" <v-textarea
auto-grow single-line
class="mb-n2 pa-0" rows="1"
dense auto-grow
v-else class="mb-n2 pa-0"
v-model="activeList.items[index].text" dense
></v-textarea> v-else
v-model="activeList.items[index].text"
></v-textarea>
</div>
</v-lazy>
</v-col> </v-col>
<v-divider class="ma-1"></v-divider> <v-divider class="ma-1"></v-divider>
</v-row> </v-row>