PDF background shadow

This commit is contained in:
Peter Papp
2021-05-06 09:55:25 +02:00
parent da38580504
commit 86b6844d62
2 changed files with 22 additions and 12 deletions
+4 -2
View File
@@ -77,7 +77,7 @@
"/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=08e2056bc3744b2ea8f9", "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=08e2056bc3744b2ea8f9",
"/chunks/plans.js": "/chunks/plans.js?id=83fc2cc3cd4b76c8f8f0", "/chunks/plans.js": "/chunks/plans.js?id=83fc2cc3cd4b76c8f8f0",
"/chunks/platform.js": "/chunks/platform.js?id=2abcf9db97eafddc7dfb", "/chunks/platform.js": "/chunks/platform.js?id=2abcf9db97eafddc7dfb",
"/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=159989005a7a026733d7", "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=c2a0a8a94ff105f0141f",
"/chunks/profile.js": "/chunks/profile.js?id=1c1c666004fb44b1c404", "/chunks/profile.js": "/chunks/profile.js?id=1c1c666004fb44b1c404",
"/chunks/purchase-code.js": "/chunks/purchase-code.js?id=e00ee12cde704060e15b", "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=e00ee12cde704060e15b",
"/chunks/settings.js": "/chunks/settings.js?id=fcc97a29894164e2977c", "/chunks/settings.js": "/chunks/settings.js?id=fcc97a29894164e2977c",
@@ -419,5 +419,7 @@
"/chunks/platform~chunks/shared.6073e7b8d91739056e45.hot-update.js": "/chunks/platform~chunks/shared.6073e7b8d91739056e45.hot-update.js", "/chunks/platform~chunks/shared.6073e7b8d91739056e45.hot-update.js": "/chunks/platform~chunks/shared.6073e7b8d91739056e45.hot-update.js",
"/chunks/platform~chunks/shared.170f21e66b3c9c901033.hot-update.js": "/chunks/platform~chunks/shared.170f21e66b3c9c901033.hot-update.js", "/chunks/platform~chunks/shared.170f21e66b3c9c901033.hot-update.js": "/chunks/platform~chunks/shared.170f21e66b3c9c901033.hot-update.js",
"/chunks/platform~chunks/shared.6c21d61908391d289fde.hot-update.js": "/chunks/platform~chunks/shared.6c21d61908391d289fde.hot-update.js", "/chunks/platform~chunks/shared.6c21d61908391d289fde.hot-update.js": "/chunks/platform~chunks/shared.6c21d61908391d289fde.hot-update.js",
"/chunks/platform~chunks/shared.1107858fead4e99c0777.hot-update.js": "/chunks/platform~chunks/shared.1107858fead4e99c0777.hot-update.js" "/chunks/platform~chunks/shared.1107858fead4e99c0777.hot-update.js": "/chunks/platform~chunks/shared.1107858fead4e99c0777.hot-update.js",
"/chunks/platform~chunks/shared.8ecbc2534cc15edb24c7.hot-update.js": "/chunks/platform~chunks/shared.8ecbc2534cc15edb24c7.hot-update.js",
"/chunks/platform~chunks/shared.726c307ce12d01d3d14b.hot-update.js": "/chunks/platform~chunks/shared.726c307ce12d01d3d14b.hot-update.js"
} }
@@ -17,7 +17,7 @@
<!--Show PDF--> <!--Show PDF-->
<div v-if="isPDF" id="pdf-wrapper" :style="{width: documentSize + '%'}"> <div v-if="isPDF" id="pdf-wrapper" :style="{width: documentSize + '%'}">
<pdf :src="pdfdata" v-for="i in numPages" :key="i" :resize="true" :page="i" scale="page-width" style="width:100%; margin:20px auto;" id="printable-file"> <pdf :src="pdfdata" v-for="i in numPages" :key="i" :resize="true" :page="i" scale="page-width" style="width:100%; margin:0 auto 35px;" id="printable-file" class="pdf-file">
<template slot="loading"> <template slot="loading">
<h1>loading content...</h1> <h1>loading content...</h1>
</template> </template>
@@ -69,7 +69,7 @@ import {events} from '@/bus'
import pdf from 'pdfvuer' import pdf from 'pdfvuer'
export default { export default {
name: 'MediaFullPreview', name: 'FilePreviewMedia',
components: { components: {
ChevronRightIcon, ChevronRightIcon,
ChevronLeftIcon, ChevronLeftIcon,
@@ -264,14 +264,22 @@ export default {
} }
#pdf-wrapper { #pdf-wrapper {
overflow-y: scroll; border-radius: 8px;
margin: 0 auto; overflow-y: scroll;
position: absolute; margin: 0 auto;
top: 0; position: absolute;
left: 0; top: 0;
right: 0; left: 0;
bottom: 0; right: 0;
z-index: 1; bottom: 0;
z-index: 1;
padding: 40px;
.pdf-file {
box-shadow: $light_mode_popup_shadow;
border-radius: 8px;
overflow: hidden;
}
} }
.media-full-preview { .media-full-preview {