centered content

gearbox-solutions · Jun 7, 2024 · 6047c9b · 6047c9b
1 parent f7b7b38
commit 6047c9b
Showing 1 changed file with 9 additions and 3 deletions.
diff --git 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>