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

Image previews in a v-col

Browse source
This commit is contained in:
SkepticMystic 2025-06-28 09:39:31 +00:00
commit ed76f7a586
1 changed files with 12 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/pages/g/[groupSlug]/r/create/image.vue
View file

@ -29,7 +29,9 @@
<v-row style="max-width: 600px;"> <v-row style="max-width: 600px;">
<v-spacer /> <v-spacer />
<v-col v-for="(imageUrl, index) in uploadedImagesPreviewUrls" :key="index" cols="12"> <v-col v-for="(imageUrl, index) in uploadedImagesPreviewUrls" :key="index" cols="12">
<ImageCropper :img="imageUrl" cropper-height="50vh" cropper-width="100%" <v-row>
<v-col cols="auto" align-self="center">
<ImageCropper :img="imageUrl" cropper-height="100%" cropper-width="100%"
@save="(croppedImage) => updateUploadedImage(index, croppedImage)" /> @save="(croppedImage) => updateUploadedImage(index, croppedImage)" />
<v-btn color="error" @click="() => clearImage(index)"> <v-btn color="error" @click="() => clearImage(index)">
@ -39,6 +41,8 @@
{{ $t('recipe.remove-image') }} {{ $t('recipe.remove-image') }}
</v-btn> </v-btn>
</v-col> </v-col>
</v-row>
</v-col>
<v-spacer /> <v-spacer />
</v-row> </v-row>
</div> </div>