feat: render content on home page

vuejs · Jan 12, 2021 · ca631c7 · ca631c7
1 parent 5a76134
commit ca631c7
Showing 1 changed file with 16 additions and 0 deletions.
diff --git 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>