update styles

FranciscoMoretti · Oct 7, 2024 · 9ae9a1a · 9ae9a1a
1 parent e06f3c9
commit 9ae9a1a
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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")],
   },
 }