App.vue 839 B

12345678910111213141516171819202122232425262728293031323334
  1. <template>
  2. <div id="app" class="backg">
  3. <router-view />
  4. <theme-picker />
  5. </div>
  6. </template>
  7. <script>
  8. import ThemePicker from "@/components/ThemePicker";
  9. export default {
  10. name: "App",
  11. components: { ThemePicker },
  12. metaInfo() {
  13. return {
  14. title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
  15. titleTemplate: title => {
  16. return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
  17. }
  18. }
  19. }
  20. };
  21. </script>
  22. <style scoped>
  23. #app .theme-picker {
  24. display: none;
  25. }
  26. .backg {
  27. background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255, 255, 255, 0)), url("./assets/knowledge/backgrand_picture.png");
  28. background-repeat: no-repeat;
  29. background-size: 100% 100%;
  30. margin-top: -30px;
  31. }
  32. </style>