bachir/enfrancais-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix kit-view gallery sizing

Browse Source
This commit is contained in:
axolotle
2022-02-02 13:24:00 +01:00
parent d66230f8d3
commit 4017e4d67a
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/nodes/NodeViewBody.vue
+2 -2
View File
@@ -12,7 +12,7 @@
<div class="node-view-body-wrapper" v-html="node.content" /> <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 v-if="node.images" class="mt-5">
<div class="node-view-img-wrapper mt-3" v-for="img in node.images" :key="img.id"> <div class="node-view-img-wrapper mt-3" v-for="img in node.images" :key="img.id">
<img :src="img.url" :alt="img.alt"> <img :src="img.url" :alt="img.alt">
@@ -36,7 +36,7 @@
</b-button> </b-button>
</li> </li>
</ul> </ul>
</template> </div>
<fullscreen-modal v-if="mode === 'view' && image" :image="image" :id="'modal-image-' + node.id" /> <fullscreen-modal v-if="mode === 'view' && image" :image="image" :id="'modal-image-' + node.id" />
src/pages/kit/KitView.vue
+2 -1
View File
@@ -63,7 +63,8 @@ export default {
min-height: 100%; min-height: 100%;
&-header-wrapper, &-header-wrapper,
&-body-wrapper, &-body-wrapper,
&-footer-wrapper { &-footer-wrapper,
&-gallery {
@include media-breakpoint-up($layout-bp) { @include media-breakpoint-up($layout-bp) {
max-width: 50%; max-width: 50%;
margin: auto; margin: auto;