preview.css

.PreviewWrapper {
  --gutter: 10px;
  position: absolute;
  background-color: #fff;
  border-radius: 7px;
  border: 1px solid #e8e8e8;
  box-shadow: 0 10px 50px rgba(0, 0, 0, .5);
  padding: var(--gutter);
  width: 100vw;
  height: 100vh;
  top: var(--gutter);
  right: var(--gutter);

  /*
    Instead via js

    Vue.use(RouterPreview, {
      scale: '0.25'
    })

    or set scale in component

    <router-link scale="0.25">
  */

  /* transform: scale(0.25); */
  transform-origin: top right;
  display: none;
  overflow: hidden;
  z-index: 4000;
}
.PreviewWrapper::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.PreviewWrapper__showInLeft {
  right: unset;
  transform-origin: top left;
}

.PreviewWrapper__isActive {
  display: block;
}