Docasne vypnuti intersection observeru u fotek - nefunguje pak proklik na titulni fotku

src/components/flights/FlightBasicInfo.vue

@@ -150,7 +150,7 @@ const props = defineProps({
         <q-item v-for="copilot in flight.copilots" :key="copilot.id">
           <q-item-section avatar>
             <q-icon name="people"/>
-          </q-item-section>3
+          </q-item-section>
           <q-item-section>
             <template v-if="copilot.isPublic">
               <div>
@@ -159,8 +159,13 @@ const props = defineProps({
                 >
                   {{ copilot.name }}
                 </router-link>
-
+              </div>
+            </template>
+            <template v-else> {{ copilot.name }}</template>
+          </q-item-section>
+          <q-item-section>
             <CopyLinkButton
+              v-if="loggedUser && copilot.token && copilot.isPublic"
               :route='{
                   name: "publicCopilotUploadPhoto",
                   params: {flightSlug: flight.urlSlug, username: loggedUser.publicUsername},
@@ -171,11 +176,7 @@ const props = defineProps({
               label=""
               round
               class="q-mx-3"
-                  v-if="loggedUser && copilot.token"
             />
-              </div>
-            </template>
-            <template v-else> {{ copilot.name }}</template>
           </q-item-section>
         </q-item>
       </q-list>

src/components/photos/PhotoGallery.vue

@@ -76,12 +76,18 @@ watch(() => [openedPhoto.value, $lightbox.value], () => {
     $lightbox.value.loadAndOpen(idx);
     usePhotosStore().setOpenedPhoto(null);
   }
-}, {immediate: true})
+}, {immediate: true});
+
+const isCollapsed = ref(false);
 </script>
 
 <template>
-  <div :id="galleryId" class="row">
+  <div :id="galleryId" :class="{row: true, collapsed: isCollapsed}">
-    <q-intersection v-for="photo in photos" :key="photo.id" class="col-6 col-sm-4 col-md-4 col-lg-3 q-pa-sm">
+    <div
+      v-for="photo in photos" :key="photo.id"
+      style="min-height: 100px"
+      class="col-6 col-sm-4 col-md-4 col-lg-3 q-pa-sm"
+    >
       <a
         :href="photo.url"
         :data-pswp-width="photo.width"
@@ -101,7 +107,17 @@ watch(() => [openedPhoto.value, $lightbox.value], () => {
         </q-img>
         <PhotoCaption :photo="photo"/>
       </a>
-    </q-intersection>
-
     </div>
+  </div>
+
+  <!--      <q-btn @click="isCollapsed=!isCollapsed">{{isCollapsed ? 'Sbalit' : "Rozbalit"}}</q-btn>-->
+
+
 </template>
+
+<style>
+.collapsed {
+  max-height: 50px;
+  overflow: hidden
+}
+</style>