Shell Max Content Width

apps/shared/shell/src/lib/shell.component.html

@@ -5,5 +5,7 @@
 ></shell-side-menu>
 <shell-process-bar class="fixed z-[149] top-[4.625rem] inset-x-0 desktop:left-[10.5rem]"></shell-process-bar>
 <main class="ml-0 desktop:ml-[10.5rem] p-4" (click)="closeSideMenu()">
-  <ng-content></ng-content>
+  <div class="mx-auto max-w-content w-full">
+    <ng-content></ng-content>
+  </div>
 </main>

tailwind.config.js

@@ -30,12 +30,10 @@ module.exports = {
         'page-heading': '26px',
       },
       width: {
-        content: '1024px',
-        // content: '1280px',
+        content: '76.5rem',
       },
       maxWidth: {
-        content: '1024px',
-        // content: '1280px',
+        content: '76.5rem',
       },
       spacing: {
         'cta-x-l': '25px',