From 6047c9b04b49382a24353eacfc9a9896ee56d4df Mon Sep 17 00:00:00 2001
From: David Nahodyl <david@gearboxgo.com>
Date: Fri, 7 Jun 2024 13:02:36 -0400
Subject: [PATCH] centered content

---
 playground/layouts/default.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/playground/layouts/default.vue b/playground/layouts/default.vue
index b443295..87fb21f 100644
--- a/playground/layouts/default.vue
+++ b/playground/layouts/default.vue
@@ -1,11 +1,17 @@
 <script setup lang="ts">
+import ContentWidthContainer from '~/components/ContentWidthContainer.vue'
+import NavBar from '~/components/nav/NavBar.vue'
 </script>
 
 <template>
   <div>
     <NavBar />
-    <div class="px-8 py-4">
-      <slot />
-    </div>
+    <ContentWidthContainer>
+      <div
+        class="px-4 py-4"
+      >
+        <slot />
+      </div>
+    </ContentWidthContainer>
   </div>
 </template>