Browse Source

fix kit-view gallery sizing

axolotle 2 years ago
parent
commit
4017e4d67a
2 changed files with 4 additions and 3 deletions
  1. 2 2
      src/components/nodes/NodeViewBody.vue
  2. 2 1
      src/pages/kit/KitView.vue

+ 2 - 2
src/components/nodes/NodeViewBody.vue

@@ -12,7 +12,7 @@
 
       <div class="node-view-body-wrapper" v-html="node.content" />
 
-      <template v-if="mode === 'view'">
+      <div class="node-view-gallery" v-if="mode === 'view'">
         <div v-if="node.images" class="mt-5">
           <div class="node-view-img-wrapper mt-3" v-for="img in node.images" :key="img.id">
             <img :src="img.url" :alt="img.alt">
@@ -36,7 +36,7 @@
             </b-button>
           </li>
         </ul>
-      </template>
+      </div>
 
       <fullscreen-modal v-if="mode === 'view' && image" :image="image" :id="'modal-image-' + node.id" />
 

+ 2 - 1
src/pages/kit/KitView.vue

@@ -63,7 +63,8 @@ export default {
     min-height: 100%;
     &-header-wrapper,
     &-body-wrapper,
-    &-footer-wrapper {
+    &-footer-wrapper,
+    &-gallery {
       @include media-breakpoint-up($layout-bp) {
         max-width: 50%;
         margin: auto;