kschappell/codetutor
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): visual improvements for content

Browse Source
This commit is contained in:
Kai Chappell
2025-05-07 23:01:33 +01:00
parent 3604e0a889
commit 0167d324b0
8 changed files with 11348 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/app/layout.tsx
View File

@@ -1,5 +1,9 @@
import type { Metadata } from "next";
import Link from "next/link";
import "@fontsource/inter/400.css";
import "@fontsource/inter/500.css";
import "@fontsource/inter/600.css";
import "@fontsource/inter/700.css";
import { Providers } from "./providers";
import "./globals.css";
@@ -18,8 +22,17 @@ export default function RootLayout({
<html lang="en">
<body className="min-h-screen antialiased">
<Providers>
<a
href="#main-content"
className="sr-only focus:not-sr-only focus:absolute focus:z-50 focus:p-4 focus:bg-[var(--primary)] focus:text-[var(--primary-foreground)]"
>
Skip to main content
</a>
<header className="border-b border-[var(--border)] bg-[var(--card)]">
<nav className="container mx-auto px-4 py-4 flex items-center justify-between">
<nav
className="container mx-auto px-4 py-4 flex items-center justify-between"
aria-label="Main navigation"
>
<Link
href="/"
className="text-xl font-bold text-[var(--primary)]"
@@ -48,7 +61,9 @@ export default function RootLayout({
</div>
</nav>
</header>
<main className="container mx-auto px-4 py-8">{children}</main>
<main id="main-content" className="container mx-auto px-4 py-8">
{children}
</main>
<footer className="border-t border-[var(--border)] mt-auto py-6 text-center text-[var(--muted-foreground)] text-sm">
CodeTutor - Coding Interview Preparation
</footer>