Page.vue 731 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <template>
  2. <div class="content">
  3. <slot name="top" />
  4. <Content />
  5. <NextAndPrevLinks />
  6. <PageEdit />
  7. <slot name="bottom" />
  8. </div>
  9. </template>
  10. <script>
  11. import NextAndPrevLinks from './NextAndPrevLinks.vue'
  12. import PageEdit from './PageEdit.vue'
  13. export default {
  14. components: { NextAndPrevLinks, PageEdit }
  15. }
  16. </script>
  17. <style>
  18. .content {
  19. margin: 0 auto;
  20. padding: 0.025rem 2.5rem 2rem;
  21. /* if this is moved to a variable, add it to BuySellAds.vue */
  22. max-width: 50rem;
  23. }
  24. .content a {
  25. color: var(--accent-color);
  26. }
  27. .content a:hover {
  28. text-decoration: underline;
  29. }
  30. .content img {
  31. max-width: 100%;
  32. }
  33. /*
  34. .content div > h1:first-child, .content div > h2:first-child {
  35. margin-top: 0;
  36. } */
  37. </style>