Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 | 16x | <script> import ImageViewer from '../../../content_viewer/viewers/image_viewer.vue'; export default { components: { ImageViewer, }, props: { newPath: { type: String, required: true, }, oldPath: { type: String, required: true, }, newSize: { type: Number, required: false, default: 0, }, oldSize: { type: Number, required: false, default: 0, }, }, }; </script> <template> <div class="two-up view d-flex"> <image-viewer :path="oldPath" :file-size="oldSize" :render-info="true" inner-css-classes="frame deleted" class="wrap w-50" /> <image-viewer :path="newPath" :file-size="newSize" :render-info="true" :inner-css-classes="['frame', 'added']" class="wrap w-50" > <template #image-overlay="{ renderedWidth, renderedHeight }"> <slot :rendered-width="renderedWidth" :rendered-height="renderedHeight" name="image-overlay" ></slot> </template> </image-viewer> </div> </template> |