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>