feat: render content on home page

4 years ago · ca631c7f51
parent 5a76134379
commit ca631c7f51
1 changed files with 16 additions and 0 deletions
--- a/src/client/theme-default/components/Home.vue
+++ b/src/client/theme-default/components/Home.vue
@ -3,6 +3,9 @@
    <HomeHero />
    <slot name="hero" />
    <HomeFeatures />
+    <div class="home-content">
+      <Content />
+    </div>
    <slot name="features" />
    <HomeFooter />
    <slot name="footer" />
@ -19,4 +22,17 @@ import HomeFooter from './HomeFooter.vue'
 .home {
  padding-top: var(--header-height);
 }
+
+.home-content {
+  max-width: 960px;
+  margin: 0px auto;
+  padding: 0 1.5rem;
+}
+
+@media (max-width: 720px) {
+  .home-content {
+    max-width: 392px;
+    padding: 0;
+  }
+}
 </style>