Update element classes

Author: netervati

components/content/ProseH1.vue

@@ -10,7 +10,10 @@
 </script>
 
 <template>
-  <h1 :id="id" class="font-bold mt-6 mb-6 text-3xl">
+  <h1
+    :id="id"
+    class="font-bold mt-6 mb-6 md:mb-8 md:mt-8 text-2xl md:text-3xl"
+  >
     <a v-if="id && generate" :href="`#${id}`">
       <slot />
     </a>

components/content/ProseH2.vue

@@ -10,7 +10,10 @@
 </script>
 
 <template>
-  <h2 :id="id" class="font-bold mt-6 mb-6 text-xl">
+  <h2
+    :id="id"
+    class="font-bold mt-6 mb-6 md:mb-8 md:mt-8 text-lg md:text-xl"
+  >
     <a v-if="id && generate" :href="`#${id}`">
       <slot />
     </a>

components/content/ProseLi.vue

@@ -1,3 +1,3 @@
 <template>
-  <li class="mb-6 mt-6 md:mb-8 md:mt-8 md:text-lg"><slot /></li>
+  <li class="mb-2 mt-2 md:mb-4 md:mt-4 md:text-lg"><slot /></li>
 </template>

pages/docs/[...slug].vue

@@ -5,7 +5,7 @@
 </script>
 
 <template>
-  <section class="pb-8 pt-8 pl-10 pr-10">
+  <section class="pb-24 pt-8 pl-10 pr-10">
     <ContentDoc />
   </section>
 </template>