From 9ae9a1af24e53ef5b8d3755749996212cc37edd7 Mon Sep 17 00:00:00 2001
From: Francisco Moretti <franciscoemoretti@gmail.com>
Date: Mon, 7 Oct 2024 08:57:39 +0100
Subject: [PATCH] update styles

---
 apps/www/app/(app)/docs/layout.tsx | 2 +-
 apps/www/app/(app)/page.tsx        | 2 +-
 apps/www/styles/globals.css        | 2 +-
 apps/www/tailwind.config.cjs       | 6 ++----
 4 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/apps/www/app/(app)/docs/layout.tsx b/apps/www/app/(app)/docs/layout.tsx
index cb26914..5375cd4 100644
--- a/apps/www/app/(app)/docs/layout.tsx
+++ b/apps/www/app/(app)/docs/layout.tsx
@@ -9,7 +9,7 @@ interface DocsLayoutProps {
 export default function DocsLayout({ children }: DocsLayoutProps) {
   return (
     <div className="border-b">
-      <div className="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10">
+      <div className="px-8 max-w-screen-2xl mx-auto flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10">
         <aside className="fixed top-14 z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 md:sticky md:block">
           <ScrollArea className="h-full py-6 pr-6 lg:py-8">
             <DocsSidebarNav config={docsConfig} />
diff --git a/apps/www/app/(app)/page.tsx b/apps/www/app/(app)/page.tsx
index 5f039f8..faa5d62 100644
--- a/apps/www/app/(app)/page.tsx
+++ b/apps/www/app/(app)/page.tsx
@@ -15,7 +15,7 @@ import {
 
 export default function IndexPage() {
   return (
-    <div className="container relative  ">
+    <div className="relative container mx-auto">
       <PageHeader>
         <Announcement />
         <PageHeaderHeading>
diff --git a/apps/www/styles/globals.css b/apps/www/styles/globals.css
index d1a0116..a1c5daf 100644
--- a/apps/www/styles/globals.css
+++ b/apps/www/styles/globals.css
@@ -11,7 +11,7 @@
     --popover: 0 0% 100%;
     --popover-foreground: 20 14.3% 4.1%;
     --primary: 180 100% 28%;
-    --primary-foreground: 20 14.3% 4.1%;
+    --primary-foreground: 0 0% 100%;
     --secondary: 60 4.8% 95.9%;
     --secondary-foreground: 24 9.8% 10%;
     --muted: 60 4.8% 95.9%;
diff --git a/apps/www/tailwind.config.cjs b/apps/www/tailwind.config.cjs
index a5863bf..db5e8a4 100644
--- a/apps/www/tailwind.config.cjs
+++ b/apps/www/tailwind.config.cjs
@@ -6,13 +6,12 @@ module.exports = {
   content: ["app/**/*.{ts,tsx}", "components/**/*.{ts,tsx}"],
   theme: {
     container: {
-      center: true,
       padding: "2rem",
+    },
+    extend: {
       screens: {
         "2xl": "1400px",
       },
-    },
-    extend: {
       colors: {
         border: "hsl(var(--border))",
         input: "hsl(var(--input))",
@@ -78,7 +77,6 @@ module.exports = {
         "caret-blink": "caret-blink 1.25s ease-out infinite",
       },
     },
-
     plugins: [require("tailwindcss-animate")],
   },
 }