Content page component design fixes (#1172)

Co-authored-by: sarayourfriend <24264157+sarayourfriend@users.noreply.github.com> Co-authored-by: Zack Krida <zackkrida@pm.me>
WordPress · Mar 24, 2022 · 2679c12 · 2679c12
1 parent e73839e
commit 2679c12
Show file tree

Hide file tree

Showing 13 changed files with 785 additions and 834 deletions.
diff --git a/package.json b/package.json
@@ -58,6 +58,7 @@
     "@pinia/nuxt": "^0.1.8",
     "@popperjs/core": "^2.11.2",
     "@tailwindcss/line-clamp": "^0.3.1",
+    "@tailwindcss/typography": "^0.5.2",
     "@wordpress/is-shallow-equal": "^4.3.1",
     "axios": "^0.26.1",
     "axios-mock-adapter": "^1.20.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/VButton.vue b/src/components/VButton.vue
@@ -252,7 +252,7 @@ export default VButton
 }
 
 a.button {
-  @apply no-underline;
+  @apply no-underline hover:no-underline;
 }
 
 .primary {

diff --git a/src/components/VContentPage.vue b/src/components/VContentPage.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class="pt-5 md:pt-10" dir="ltr">
+    <div
+      class="px-6 lg:px-0 mb-10 lg:mb-30 md:max-w-4xl xl:max-w-5xl prose prose-sm md:prose-base mx-auto max-w-none prose-headings:font-bold lg:prose-headings:text-3xl prose-h1:text-4xl prose-h1:text-bold lg:prose-h1:text-6xl md:prose-h1:mb-10 prose-h3:text-2xl prose-h3:font-semibold md:prose-h3:mt-10"
+    >
+      <slot default />
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from '@nuxtjs/composition-api'
+
+export default defineComponent({
+  name: 'VContentPage',
+})
+</script>