fix gallery on edit project page

code4romania · Oct 17, 2023 · 0716897 · 0716897
1 parent a799704
commit 0716897
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/lang/ro.json b/lang/ro.json
@@ -455,7 +455,9 @@
     "project.labels.videos_extra" : "Aici puteti adauga link-uri de pe diverse platforme de streaming (youtube, vimeo, etc.)",
 
     "project.labels.external_links_title": "Titlu link extern",
-    "project.labels.external_links_url": "URL link extern"
+    "project.labels.external_links_url": "URL link extern",
+    "project.labels.change_gallery_label": "Schimbă galeria de imagini"
+
 
 
 

diff --git a/resources/js/Pages/AdminOng/Projects/EditProject.vue b/resources/js/Pages/AdminOng/Projects/EditProject.vue
@@ -355,16 +355,17 @@
                     </div>
                 </template>
             </Field>
-            <Field :label="$t('main_image')" :errors="formChangeStatus.errors.preview">
+            <Field :label="$t('photo_gallery')" :errors="formChangeStatus.errors.gallery">
                 <template #value>
                     <div class="flex items-center col-span-12 gap-6 text-base font-medium leading-6 text-gray-700">
-                        <img class="object-contain w-32 h-32 shrink-0" v-for="image in originalProject.gallery" :src="image.url"  alt="" />
-
+                        <div class="grid gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
+                            <img class="object-contain w-32 h-32 shrink-0" v-for="image in originalProject.gallery" :src="image.url"  alt="" />
+                        </div>
                         <div>
                             <EditModal
                                 @action="editField('gallery')"
                                 @cancel="resetField('gallery')"
-                                :text="$t('change_image_label')"
+                                :text="$t('project.labels.change_gallery_label')"
                             >
                                 <FileGroup v-model="originalProject.gallery" :label="$t('photo_gallery')"/>
                             </EditModal>