From 928558b0313101b1baded12519ab7e8872f268e2 Mon Sep 17 00:00:00 2001 From: Ryan Furrer Date: Tue, 30 Apr 2024 20:55:43 -0400 Subject: [PATCH 1/6] Remove some of Brian's styles and begin refining them --- src/app/globals.css | 24 +++++------ src/app/layout.tsx | 23 ++++++----- src/app/lib/components/Navbar.tsx | 66 ++++++++++++++++++------------- src/app/page.tsx | 33 +++++++++------- 4 files changed, 81 insertions(+), 65 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index cea36aa..f6f9662 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -3,26 +3,28 @@ @tailwind utilities; body { - font-family: 'Open Sans', sans-serif; - margin: 0; - padding: 0px 0px 20px 0px; + font-family: "Open Sans", sans-serif; line-height: 1.5; - color: #fefefe; - @apply bg-[#111111]; + @apply bg-[#111] text-zinc-50; } -p { - padding-bottom: 1rem !important; +h1, +h2, +h3, +h4, +h5, +h6 { + @apply text-balance font-extrabold leading-tight tracking-tighter; } h1 { - @apply text-4xl pb-3 mb-2 !important; + @apply text-4xl md:text-5xl lg:text-6xl; } h2 { - @apply text-2xl !important; + @apply text-3xl md:text-4xl lg:text-5xl; } h3 { - @apply text-2xl pb-1 mb-2 !important; -} \ No newline at end of file + @apply text-2xl md:text-3xl lg:text-4xl; +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 4f26b18..b2f1e34 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,18 +1,19 @@ import type { Metadata } from "next"; import { Inter } from "next/font/google"; import "./globals.css"; -import { ClerkProvider, UserButton } from '@clerk/nextjs' +import { ClerkProvider, UserButton } from "@clerk/nextjs"; import Navbar from "./lib/components/Navbar"; import Footer from "./lib/components/Footer"; import { Toaster } from "react-hot-toast"; -import PHProvider from './lib/PHProvider' +import PHProvider from "./lib/PHProvider"; import PostHogPageView from "./lib/PostHogPageView"; const inter = Inter({ subsets: ["latin"] }); export const metadata: Metadata = { title: "fullstack.chat", - description: "A safe space for developers of all backgrounds to learn, grow, and build friendships.", + description: + "A safe space for developers of all backgrounds to learn, grow, and build friendships.", }; export default function RootLayout({ @@ -24,16 +25,14 @@ export default function RootLayout({ - - + + -
-
- - { children } -
-
-
+ +
{children}
+