Merge pull request #142 from brown-ccv/feat-blog-format

feat: add max width to blog posts
brown-ccv · Feb 7, 2024 · 17c4cb4 · 17c4cb4
2 parents 6846681 + d9b3c4a
commit 17c4cb4
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/components/base/AuthorCard.vue b/components/base/AuthorCard.vue
@@ -36,7 +36,7 @@
           </div>
         </template>
         <template #footer>
-          <div class="content">{{ person.bio }}</div>
+          <div>{{ person.bio }}</div>
         </template>
       </DCard>
     </div>

diff --git a/pages/blog/_slug.vue b/pages/blog/_slug.vue
@@ -36,3 +36,19 @@ export default {
   },
 };
 </script>
+
+<style>
+.container {
+  padding: 48px;
+}
+
+.content {
+  /* ... */
+  display: grid;
+  grid-template-columns: 1fr min(100ch, 100%) 1fr;
+}
+
+.content > * {
+  grid-column: 2;
+}
+</style>