Mobile View
Vue PDF Viewer is designed to resize component container responsively. Currently, the --vpv-container-width-sm
variable is default to 768px.
If you do not want VPV to trigger the view change, you may set --vpv-container-width-sm
to 0px
.
html
<style scoped>
:deep(.vpv-variables) {
--vpv-container-width-sm: 0px;
}
</style>
To manually adjust the trigger point of mobile responsiveness, you can change the value of sm
of the component container.
html
<style scoped>
:deep(.vpv-variables) {
--vpv-container-width-sm: 375px;
}
</style>
Remark: Options, except for themeSwitchable, on the right side of the top bar are automatically grouped under the More Options.