Skip to content

Commit c8af417

Browse files
suvanbanerjeesuvanbanerjee
committed
minor ui changes
1 parent 391a09f commit c8af417

File tree

6 files changed

+47
-41
lines changed

6 files changed

+47
-41
lines changed

‎app/dashboard/page.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -130,14 +130,14 @@ const Dashboard = () => {
130130
if (loading) {
131131
return (
132132
<div className="flex items-center justify-center min-h-screen">
133-
<div className="animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-stone-500"></div>
133+
<div className="animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-red-500"></div>
134134
</div>
135135
);
136136
}
137137

138138
return (
139-
<div className="min-h-screen bg-stone-100 dark:bg-black py-6">
140-
<div className="max-w-4xl mx-auto bg-white dark:bg-stone-800 shadow-md rounded-lg p-6">
139+
<div className="min-h-screen bg-white dark:bg-black my-16 p-6">
140+
<div className="max-w-4xl mx-auto bg-stone-100 dark:bg-stone-800 rounded-lg p-6">
141141
<h1 className="text-2xl font-bold text-stone-800 dark:text-stone-200">
142142
Welcome, <span className="text-red-500">{userName || 'User'}</span>
143143
</h1>

‎app/id/page.tsx‎

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -76,16 +76,8 @@ const UserDetail: React.FC = () => {
7676
}
7777

7878
return (
79-
<div className="py-10 px-2 flex justify-center items-center min-h-screen">
80-
<Card>
81-
<CardHeader>
82-
<CardTitle>User Details</CardTitle>
83-
<CardDescription>Details of the user with ID: {id}</CardDescription>
84-
</CardHeader>
85-
<CardContent>
86-
<ProfileCard user={userData} />
87-
</CardContent>
88-
</Card>
79+
<div className="py-10 px-2 justify-center items-center min-h-screen">
80+
<ProfileCard user={userData} />
8981
</div>
9082
);
9183
};

‎components/auth/register-form.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,7 @@ export function RegisterForm() {
101101
});
102102

103103
setErrorMessage("Registration successful! Please check your email to verify your account.");
104-
window.location.href = "/";
104+
window.location.href = "/dashboard";
105105
} catch (error) {
106106
if (error instanceof FirebaseError) {
107107
console.error("Firebase Error Code:", error.code, error.message);

‎components/footer.tsx‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,16 +7,18 @@ export function Footer() {
77
return (
88
<footer className="border-t bg-stone-50 dark:bg-stone-900 py-6">
99
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
10-
<div className="flex flex-col sm:flex-row justify-between items-center">
10+
<div className="flex flex-col sm:flex-row justify-between items-center text-center sm:text-left">
1111
<div className="flex flex-col mb-4 sm:mb-0">
1212
<span className="font-bold text-lg text-stone-900 dark:text-stone-100">OpenTag</span>
1313
<span className="text-stone-600 dark:text-stone-400 text-sm">Made with ❤️ by Suvan</span>
1414
<span className="text-stone-600 dark:text-stone-400 text-sm"> Source code on GitHub</span>
1515
<span className="text-stone-600 dark:text-stone-400 text-sm">This project is under the MIT License</span>
1616
</div>
17-
<div className="flex flex-wrap gap-4 text-sm text-stone-600 dark:text-stone-400">
17+
<div className="hidden sm:flex flex-col gap-4 text-sm text-stone-600 dark:text-stone-400 justify-center sm:justify-end text-center sm:text-right">
18+
<Link href="/about" className="hover:text-stone-800 dark:hover:text-stone-200">About</Link>
19+
<Link href="/register" className="hover:text-stone-800 dark:hover:text-stone-200">Get a Tag</Link>
1820
<Link href="/terms" className="hover:text-stone-800 dark:hover:text-stone-200">Terms of Service</Link>
19-
</div>
21+
</div>
2022
</div>
2123
</div>
2224
</footer>

‎components/navbar.tsx‎

Lines changed: 35 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -38,16 +38,27 @@ export function Navbar() {
3838
<Image src="/opentag.png" alt="OpenTag" width={40} height={40} className="mr-2" />
3939
<span className="font-bold text-xl hidden sm:inline">OpenTag</span>
4040
</Link>
41+
<div className="sm:hidden">
42+
{user ? (
43+
<Button variant="ghost" asChild>
44+
<Link href="/dashboard">Dashboard</Link>
45+
</Button>
46+
) : (
47+
<Button variant="ghost" asChild>
48+
<Link href="/register">Get Tag</Link>
49+
</Button>
50+
)}
51+
</div>
4152
</div>
4253

4354
<div className="flex items-center gap-4">
4455
<div className="hidden sm:flex items-center gap-4">
4556
{user ? (
4657
<>
47-
<Button variant="primary" asChild>
58+
<Button variant="ghost" asChild>
4859
<Link href="/about">About</Link>
4960
</Button>
50-
<Button variant="primary" asChild>
61+
<Button variant="ghost" asChild>
5162
<Link href="/dashboard">Dashboard</Link>
5263
</Button>
5364
<Button variant="red" onClick={handleLogout}>
@@ -65,14 +76,15 @@ export function Navbar() {
6576
</>
6677
)}
6778
<div className="hidden sm:inline">
68-
<ModeToggle />
79+
<ModeToggle />
6980
</div>
7081
</div>
7182

72-
<div className="sm:hidden">
83+
<div className="sm:hidden flex items-center gap-4">
84+
<ModeToggle />
7385
<button
7486
onClick={() => setMenuOpen(!menuOpen)}
75-
className="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white"
87+
className="inline-flex items-center justify-center p-2 rounded-md text-black dark:text-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white"
7688
>
7789
<span className="sr-only">Open main menu</span>
7890
{menuOpen ? (
@@ -95,27 +107,27 @@ export function Navbar() {
95107
<div className="px-2 pt-2 pb-3 space-y-1">
96108
{user ? (
97109
<>
98-
<Link href="/about" className="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:bg-gray-700 hover:text-white">
99-
About
100-
</Link>
101-
<Link href="/dashboard" className="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:bg-gray-700 hover:text-white">
102-
Dashboard
103-
</Link>
104-
<button
105-
onClick={handleLogout}
106-
className="block w-full text-left px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:bg-gray-700 hover:text-white"
107-
>
108-
Logout
109-
</button>
110+
<Link href="/about" className="block px-3 py-2 rounded-md text-base font-medium text-black dark:text-white hover:bg-stone-700 hover:text-white">
111+
About
112+
</Link>
113+
<Link href="/dashboard" className="block px-3 py-2 rounded-md text-base font-medium text-black dark:text-white hover:bg-stone-700 hover:text-white">
114+
Dashboard
115+
</Link>
116+
<button
117+
onClick={handleLogout}
118+
className="block w-full text-left px-3 py-2 rounded-md text-base font-medium text-black dark:text-white hover:bg-stone-700 hover:text-white"
119+
>
120+
Logout
121+
</button>
110122
</>
111123
) : (
112124
<>
113-
<Link href="/login" className="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:bg-gray-700 hover:text-white">
114-
Login
115-
</Link>
116-
<Link href="/register" className="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:bg-gray-700 hover:text-white">
117-
Get Tag
118-
</Link>
125+
<Link href="/login" className="block px-3 py-2 rounded-md text-base font-medium text-black dark:text-white hover:bg-stone-700 hover:text-white">
126+
Login
127+
</Link>
128+
<Link href="/register" className="block px-3 py-2 rounded-md text-base font-medium text-black dark:text-white hover:bg-stone-700 hover:text-white">
129+
Get Tag
130+
</Link>
119131
</>
120132
)}
121133
</div>

‎components/profile/profile-card.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ export function ProfileCard({ user }: ProfileCardProps) {
4242
const age = calculateAge(user.dateOfBirth);
4343

4444
return (
45-
<Card className="max-w-4xl mx-auto p-4 sm:p-6 lg:p-8">
45+
<Card className="max-w-4xl mx-auto p-4 sm:p-6 lg:p-8 bg-white dark:bg-stone-800">
4646
<CardHeader className="flex flex-col sm:flex-row items-center gap-4">
4747
<div className="flex items-center gap-4">
4848
<div>

0 commit comments

Comments
 (0)