fix: homepage paddings (#465)

nuxt-themes · Jun 18, 2021 · 3f1e5b6 · 3f1e5b6 · vercel · Jun 18, 2021
1 parent d16191b
commit 3f1e5b6
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/nuxtjs.org/components/HomeDiscover.vue b/nuxtjs.org/components/HomeDiscover.vue
@@ -13,7 +13,7 @@
       alt="A landscape image"
     />
 
-    <HomeSection class="py-40 light:bg-gray-50 dark:bg-secondary-darkest">
+    <HomeSection class="py-20 light:bg-gray-50 dark:bg-secondary-darkest">
       <template #section-content>
         <SectionContent class="col-span-6 justify-center">
           <template #category>

diff --git a/nuxtjs.org/components/HomeExplore.vue b/nuxtjs.org/components/HomeExplore.vue
@@ -12,7 +12,7 @@
       class="left-0 object-fill w-full h-40 light-img"
       alt="A landscape image"
     />
-    <AContainer class="flex flex-col items-center py-20 pt-40">
+    <AContainer class="flex flex-col items-center py-20">
       <div class="flex flex-col items-center w-full col-span-12">
         <div class="mb-2">
           <CategoryLabel :label="category" />
@@ -31,13 +31,13 @@
     <img
       loading="lazy"
       :src="`/img/home/campfire/dark/landscape-campfire.svg`"
-      class="left-0 object-fill w-full h-40 mt-32 light:hidden"
+      class="left-0 object-fill w-full h-40 light:hidden"
       alt="A landscape image"
     />
     <img
       loading="lazy"
       :src="`/img/home/campfire/light/landscape-campfire.svg`"
-      class="left-0 object-fill w-full h-40 mt-32 dark:hidden"
+      class="left-0 object-fill w-full h-40 dark:hidden"
       alt="A landscape image"
     />
   </section>

diff --git a/nuxtjs.org/components/HomeLearnGuides.vue b/nuxtjs.org/components/HomeLearnGuides.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="relative py-20 light:bg-gray-50 dark:bg-secondary-darkest">
+  <section class="relative pt-20 light:bg-gray-50 dark:bg-secondary-darkest">
     <AContainer class="flex flex-col items-center">
       <div class="flex flex-col w-full items-center col-span-12">
         <div class="mb-2">

diff --git a/nuxtjs.org/components/HomeTestimonials.vue b/nuxtjs.org/components/HomeTestimonials.vue
@@ -17,7 +17,7 @@
     </template>
 
     <template #section-content>
-      <SectionContent class="col-span-12 items-center pt-20 pb-60">
+      <SectionContent class="col-span-12 items-center py-20">
         <template #category>
           <CategoryLabel label="Community" />
         </template>