soconnor/personal-website
1
0
Fork 0
mirror of https://github.com/soconnor0919/personal-website.git synced 2026-02-05 08:16:31 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

General updates- mobile responsive

Browse Source
This commit is contained in:
Sean O'Connor
2024-10-28 10:03:12 -07:00
parent a244f7d83f
commit e224ce89f7
7 changed files with 210 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/cv/page.tsx
View File

@@ -6,7 +6,7 @@ export default function CVPage() {
<object
data="/cv.pdf"
type="application/pdf"
className="w-full h-[calc(100vh-8rem)]"
className="w-full h-[calc(100vh-11rem)]"
>
<div className="flex flex-col items-center justify-center p-8">
<p className="text-lg text-muted-foreground">
@@ -15,7 +15,7 @@ export default function CVPage() {
<a
href="/cv.pdf"
download
className="mt-4 inline-flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-primary hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary"
className="mt-4 inline-flex items-center justify-center px-4 pt-2 pb-0 border border-transparent text-sm font-medium rounded-md text-white bg-primary hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary"
>
Download PDF
</a>

21
src/app/layout.tsx
View File

@@ -2,6 +2,8 @@ import { inter } from "~/lib/fonts"
import "~/styles/globals.css"
import { Navigation } from "~/components/Navigation"
import { Sidebar } from "~/components/Sidebar"
import { ThemeProvider } from 'next-themes'
import { Footer } from "~/components/Footer"
export const metadata = {
title: "Sean O'Connor",
@@ -12,16 +14,21 @@ export const metadata = {
export default function RootLayout({ children }: React.PropsWithChildren) {
return (
<html lang="en" className={inter.className}>
<body className="font-sans bg-background text-foreground min-h-screen">
<body className="font-sans bg-background text-foreground min-h-screen flex flex-col">
<Navigation />
<div className="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex flex-col lg:flex-row lg:gap-12 py-8">
<Sidebar />
<main className="flex-1">
{children}
</main>
<div className="flex-1">
<div className="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex flex-col lg:flex-row lg:gap-12">
<aside className="lg:sticky lg:top-16 lg:h-[calc(100vh-4rem)]">
<Sidebar />
</aside>
<main className="flex-1 overflow-y-auto py-8">
{children}
</main>
</div>
</div>
</div>
<Footer />
</body>
</html>
)