Drobnosti

src/components/photos/PhotoGallery.vue

@@ -38,33 +38,6 @@ onMounted(() => {
       type: 'auto',
     });
 
-    // $lightbox.on('uiRegister', function () {
-    //   $lightbox.pswp.ui.registerElement({
-    //     name: 'test-button',
-    //     order: 9,
-    //     isButton: true,
-    //     html: infoIcon,
-    //     onClick: (event, el, pswp) => {
-    //       for (const elem of document.querySelectorAll('.pswp__dynamic-caption')) {
-    //         elem.style.display = "block";
-    //       }
-    //
-    //       // pswp.currSlide.dynamicCaption.element.style.display="block";
-    //       // pswp.currSlide.dynamicCaption.element.hidden = false;
-    //       pswp.dispatch("calcSlideSize", {slide: pswp.currSlide});
-    //       pswp.currSlide.zoomAndPanToInitial();
-    //
-    //       // captionPlugin.recalculateZoomLevelAndBounds(pswp.currSlide);
-    //       // captionPlugin.storeAdjustedPanAreaSize(pswp.currSlide);
-    //       // captionPlugin.storeOriginalPanAreaSize(pswp.currSlide);
-    //       // window.resize();
-    //       // captionPlugin.updateCaptionPosition(pswp.currSlide);
-    //       // captionPlugin.adjustPanArea(pswp.currSlide, pswp.currSlide.zoomLevels.initial);
-    //       // // captionPlugin.showCaption(pswp.currSlide);
-    //     }
-    //   });
-    // });
-
     $lightbox.init();
   }
 });
@@ -93,7 +66,7 @@ onUnmounted(() => {
             alt=""
         >
           <div class="absolute-bottom" v-if="photo.name !== ''">
-              {{ photo.name }}
+            {{ photo.name }}
           </div>
         </q-img>
         <PhotoCaption :photo="photo"/>

src/components/photos/PhotosEditorList.vue

@@ -111,7 +111,7 @@ const batchOptionsProps = computed(() => ({
 </script>
 
 <template>
-  <div class="row">
+  <div class="row q-mb-lg">
     <div class="col-6 col-sm-4 col-md-4 col-lg-3" v-for="(photo, idx) in photos" :key="photo.id">
       <q-card :class='{"q-ma-sm": true, "shadow-1": !batchEdit[photo.id], "shadow-10": batchEdit[photo.id]}'>
         <q-img :src="photo.thumbnailUrl" @click="handleImageClick(photo, idx)" style="cursor: pointer">