Set a max-width container wrapper

layouts/default.vue

@@ -3,7 +3,7 @@
     <div class="content">
       <div class="columns">
         <sidenav />
-        <main>
+        <main class="container">
           <pw-header />
           <nuxt />
           <pw-footer />
@@ -32,7 +32,6 @@ export default {
       "background-color:black;padding:4px 8px;border-radius:8px;font-size:16px;color:white;"
     )
   },
-
   beforeDestroy() {
     document.removeEventListener("keydown", this._keyListener)
   },

tailwind.config.js

@@ -12,11 +12,15 @@ module.exports = {
   experimental: "all",
   dark: "class",
   corePlugins: {
-    clear: false,
     float: false,
+    clear: false,
+    transitionDelay: false,
     skew: false,
   },
   theme: {
+    container: {
+      center: true,
+    },
     extend: {
       colors: {
         bgColor: "var(--bg-color)",
@@ -30,7 +34,6 @@ module.exports = {
         actColor: "var(--act-color)",
         ttColor: "var(--tt-color)",
       },
-      inset: {},
     },
     fontFamily: {
       body: "var(--font-body)",
@@ -49,7 +52,6 @@ module.exports = {
       "pages/**/*.vue",
       "plugins/**/*.js",
       "nuxt.config.js",
-      "content/**/*.md",
     ],
     // These options are passed through directly to PurgeCSS
     options: {