Skip to content

Commit da3f690

Browse files
committed
Responsive design updates.
1 parent 2869d25 commit da3f690

6 files changed

Lines changed: 19 additions & 15 deletions

File tree

apps/web/app/account/page.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ import { Subscription } from '../../types/subscription';
1919
export default function AccountPage() {
2020
// eslint-disable-next-line @typescript-eslint/no-explicit-any
2121
const [userData, setUserData] = useState<any>(null);
22-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
22+
2323
const [subscription, setSubscription] = useState<Subscription | null>(null);
2424
// eslint-disable-next-line @typescript-eslint/no-explicit-any
2525
const [paymentMethods, setPaymentMethods] = useState<any[]>([]);
@@ -85,10 +85,10 @@ export default function AccountPage() {
8585

8686
return (
8787
<div className="bg-ps-primary h-[calc(100vh-4rem)] overflow-y-scroll">
88-
<div className="container mx-auto px-6 py-8">
88+
<div className="container mx-auto px-2 py-2 md:px-6 md:py-8">
8989
<div className="max-w-6xl mx-auto">
9090
<div className="mb-8">
91-
<h1 className="text-4xl font-bold text-ps-primary mb-2">
91+
<h1 className="md:text-4xl font-bold text-ps-primary mb-2">
9292
Account & Billing
9393
</h1>
9494
<p className="text-ps-text-secondary">

apps/web/app/components/AccountInformation/AccountInformation.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -222,7 +222,7 @@ export default function AccountInformation({ userData, onUpdate }: AccountInform
222222
return (
223223
<div className="bg-ps-secondary rounded-lg p-6 shadow-sm">
224224
<div className="flex items-center justify-between mb-6">
225-
<h2 className="text-xl font-semibold text-ps-primary">
225+
<h2 className="md:text-xl font-semibold text-ps-primary">
226226
Account Information
227227
</h2>
228228
{!isEditing ? (
@@ -274,4 +274,4 @@ export default function AccountInformation({ userData, onUpdate }: AccountInform
274274
</div>
275275
</div>
276276
);
277-
}
277+
}

apps/web/app/components/Navigation.tsx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -12,32 +12,32 @@ export default function Navigation({ hasDashboardAccess }: { hasDashboardAccess?
1212
];
1313

1414
if (hasDashboardAccess) {
15-
navItems.unshift({ href: '/dashboard', label: 'Dashboard' });
15+
navItems.unshift({ href: '/', label: 'Dashboard' });
1616
}
1717

1818
return (
1919
<nav className="border-ps" style={{ borderBottomWidth: '1px' }}>
2020
<div className="container mx-auto px-6 py-4">
21-
<div className="flex items-center justify-between">
21+
<div className="flex flex-col md:items-center justify-between">
2222
{/* Logo */}
2323
<Link
2424
href="/"
25-
className="text-2xl font-bold text-ps-primary hover:opacity-80 transition-opacity"
25+
className="text-sm md:text-2xl font-bold text-ps-primary hover:opacity-80 transition-opacity"
2626
>
2727
_postscript
2828
</Link>
2929

3030
{/* Navigation Links */}
31-
<div className="flex items-center gap-6">
31+
<div className="flex md:items-center md:gap-6">
3232
{navItems.map((item) => {
3333
const isActive = pathname === item.href;
3434
return (
3535
<Link
3636
key={item.href}
3737
href={item.href}
3838
className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${isActive
39-
? 'text-ps-primary bg-ps-primary/10 dark:bg-ps-primary/20'
40-
: 'text-ps-secondary hover:text-ps-primary hover:bg-ps-primary/5 dark:hover:bg-ps-primary/10'
39+
? 'text-ps-primary bg-ps-primary/10 dark:bg-ps-primary/20'
40+
: 'text-ps-secondary hover:text-ps-primary hover:bg-ps-primary/5 dark:hover:bg-ps-primary/10'
4141
}`}
4242
>
4343
{item.label}

apps/web/app/entry/[promptId]/page.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ export default async function Entry({ params }: EntryPageProps) {
2525

2626
if (!prompt) {
2727
return (
28-
<Card className="w-full">
28+
<div className="card w-full max-w-lg mx-auto p-4 sm:p-6 md:p-8 lg:p-10">
2929
<h2 className="text-xl text-slate-600 font-bold mb-4">
3030
No Prompt Available
3131
</h2>

apps/web/app/layout.tsx

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,10 @@ import ConditionalNavigation from './components/ConditionalNavigation';
55
export const metadata: Metadata = {
66
title: '_postscript',
77
description: 'Your personal journaling app',
8+
viewport: {
9+
width: 'device-width',
10+
initialScale: 1,
11+
},
812
};
913

1014
export default function RootLayout({

apps/web/app/prompt/page.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,11 +20,11 @@ export default async function Prompt() {
2020

2121
return (
2222
<div className="min-h-screen bg-ps-primary">
23-
<div className="container mx-auto px-6 py-8">
23+
<div className="container mx-auto px-2 py-2 md:px-6 md:py-8">
2424
<div className="max-w-4xl mx-auto">
2525
{/* Header */}
2626
<div className="mb-8">
27-
<h1 className="text-3xl font-bold text-ps-primary mb-2">
27+
<h1 className="md:text-3xl font-bold text-ps-primary mb-2">
2828
Your Prompts
2929
</h1>
3030
<p className="text-ps-secondary">
@@ -45,7 +45,7 @@ export default async function Prompt() {
4545
}}
4646
>
4747
<div className="mb-3">
48-
<p className="text-lg text-ps-primary leading-relaxed line-clamp-3">
48+
<p className="md:text-lg text-ps-primary leading-relaxed line-clamp-3">
4949
&ldquo;{prompt.content}&rdquo;
5050
</p>
5151
</div>

0 commit comments

Comments
 (0)