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

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

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