templates/search_properties/popups/_gallery.html.twig line 1

Open in your IDE?
  1. <transition name='fade-in'>
  2.   <div class='bg-dark-blue fullscreen-popup' v-if="currentPopup === 'gallery'" @click.stop>
  3.     <div class='top-right pt-24 px-16 z-2 pointer-none'>
  4.       <button @click="closePopup" type='button' aria-label='{{'close'|trans|capitalize}}' class='button-reset px-24 py-24 big-circle c-white pointer-auto'>
  5.         <svg width="16" height="16">
  6.           <use xlink:href='#close-16' />
  7.         </svg>
  8.       </button>
  9.     </div>
  11.     <swiper :options="gallerySwiperConfig">
  12.       <swiper-slide v-for="src in gallery" :key="src" class="gallery-slide-width fade-in-active-slide">
  13.         <div class='flex-container align-middle align-center h-100vh'>
  14.           <img class='swiper-lazy of-contain fullscreen-popup-image' :data-src='publicPath(src)' alt />
  15.         </div>
  16.       </swiper-slide>
  17.       <template slot="pagination">
  18.         <button class='button-reset circle size-64 show-for-medium bg-black c-white carousel-button carousel-button--prev flex-container align-center align-middle mx-32 fade-out-disabled' data-prev>
  19.           <div class='scale-x--1'>
  20.             <svg width='33' height='17' class='inline-block-middle'>
  21.               <use xlink:href='#arrow'>
  22.             </svg>
  23.           </div>
  24.         </button>
  25.         <button class='button-reset circle size-64 show-for-medium bg-black c-white carousel-button carousel-button--next flex-container align-center align-middle mx-32 fade-out-disabled' data-next>
  26.           <svg width="33" height="17">
  27.             <use xlink:href="#arrow">
  28.           </svg>
  29.         </button>
  30.       </template>
  31.     </swiper>
  32.   </div>
  33. </transition>