From 63a1f524829dfd954c40b22dff3d5d5d91c61fa0 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 1 Dec 2020 05:46:25 +0530
Subject: [PATCH] Set a max-width container wrapper

---
 layouts/default.vue | 3 +--
 tailwind.config.js  | 8 +++++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 2db72fb0f..aea89e977 100644
--- a/layouts/default.vue
+++ b/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)
   },
diff --git a/tailwind.config.js b/tailwind.config.js
index 92e2b4281..8abfb7aed 100644
--- a/tailwind.config.js
+++ b/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: {