Skip to content

Commit 29d8d8b

Browse files
hh
1 parent 6d73a8f commit 29d8d8b

9 files changed

Lines changed: 138 additions & 61 deletions

File tree

.gitignore

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,4 +44,5 @@ server/changeStreamHandler.js
4444
prompt
4545
/.gpteng
4646
repomix-output.*
47-
/public/*
47+
/public/*
48+
repomix.config.json

components/Layout.js

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ export default function Layout( { children } ) {
1111
};
1212

1313
return (
14-
<div className="flex h-full w-full mx-auto bg-gradient-to-br from-purple-900/80 via-white/20 to-transparent/80">
14+
<div className="flex h-full w-full mx-auto bg-gradient-to-br from-white/20 via-purple-900/90 to-black/80">
1515
{/* Sidebar */ }
1616
<div
1717
className={ `fixed inset-y-0 left-0 z-30 max-w-72 glass transform ${ isSidebarOpen ? 'translate-x-0' : '-translate-x-full'
@@ -20,15 +20,15 @@ export default function Layout( { children } ) {
2020
<div className="flex items-center justify-between p-4 bg-gradient-to-r from-purple-900/80 to-slate-900/80 shadow-lg border-b border-purple-900">
2121
<h2 className="text-xl font-bold text-white text-shadow">
2222
<Link className="w-fit" href={ `/` } passHref>
23-
<span className="px-2">CARD PRICE APP</span>
23+
<span className="text-shadow px-2 bg-blur backdrop">CARD PRICE APP</span>
2424
</Link>
2525
</h2>
2626
<button
2727
className="lg:hidden text-white hover:text-purple-200 transition-colors text-2xl text-shadow bg-blur"
2828
onClick={ toggleSidebar }
2929
title={ "Close" }
3030
>
31-
<X size={ 40 } color={ "Red" } />
31+
<X size={ 25 } color={ "Red" } />
3232
</button>
3333
</div>
3434
<SideNav />
@@ -41,11 +41,11 @@ export default function Layout( { children } ) {
4141
<div className="flex justify-between items-center">
4242
<h3 className="text-xl font-bold text-white text-shadow">
4343
<Link href={ `/` } passHref>
44-
<span className="px-2">CARD PRICE APP</span>
44+
<span className="text-shadow px-2">CARD PRICE APP</span>
4545
</Link>
4646
</h3>
4747
<button
48-
className="text-white hover:text-purple-200 transition-colors text-3xl -m-1 p-1"
48+
className="text-shadow text-white hover:text-purple-200 transition-colors text-3xl -m-1 p-1"
4949
title={ "Menu" }
5050
onClick={ toggleSidebar }
5151
>

components/Navigation/SideNav.js

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -37,42 +37,42 @@ export default function SideNav() {
3737

3838
return (
3939
<nav className="p-4 min-h-max z-50">
40-
<ul className="inset-2 rounded-lg bg-opacity-10">
40+
<ul className="inset-2 rounded-lg bg-opacity-50">
4141
<li className="navButton mb-2 rounded-lg`">
4242
<Link href="/" title={ "Search for current Yu-Gi-Oh! card prices" } passHref>
43-
<span className="rounded-xs block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white">
43+
<span className="rounded-none block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white">
4444
Yu-Gi-Oh! Card Prices
4545
</span>
4646
</Link>
4747
</li>
4848

4949
<li className="navButton mb-2 rounded-lg`">
5050
<Link href="/yugioh/sets/set-index" title={ "Browse Yu-Gi-Oh! sets" } passHref>
51-
<span className="rounded-xs block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white">
51+
<span className="rounded-none block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white">
5252
Browse Yu-Gi-Oh! Sets
5353
</span>
5454
</Link>
5555
</li>
5656

5757
<li className="navButton mb-2 rounded-lg`">
5858
<Link href="/yugioh/deck-builder" title={ "Build and test decks" } passHref>
59-
<span className="rounded-xs block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white">
59+
<span className="rounded-none block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white">
6060
Yu-Gi-Oh! Deck Builder
6161
</span>
6262
</Link>
6363
</li>
6464

6565
<li className="navButton mb-2 rounded-lg`">
6666
<Link href="/sports" title={ "Get current sports card prices" } passHref>
67-
<span className="rounded-xs block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white">
67+
<span className="rounded-none block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white">
6868
Sports Card Prices
6969
</span>
7070
</Link>
7171
</li>
7272

73-
<li className="navButton mb-2 rounded">
73+
<li className="navButton mb-2 rounded-lg">
7474
<Link href="/yugioh" title={ "View your saved cards" } passHref>
75-
<span className="rounded block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white">
75+
<span className="rounded-none block w-full text-left p-2 text-white bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-zinc-400 bg-gradient-to-tr to-neutral-400 from-purple-800 hover:text-white">
7676
My Collection
7777
</span>
7878
</Link>
@@ -90,8 +90,8 @@ export default function SideNav() {
9090
</li>
9191
) }
9292
{ !isAuthenticated && (
93-
<div className="navButton w-full">
94-
<button className="mt-4 rounded block w-full text-left p-2 bg-clip-padding border border-zinc-600 font-semibold backdrop-opacity-90 backdrop-blur-md bg-gradient-to-tr from-red-900 to-purple-600">
93+
<div className="w-full">
94+
<button className="mt-4 rounded block w-full text-left p-2 bg-clip-padding bg-zinc-800 border border-zinc-600 hover:transition-transform hover:ease-in-out hover:duration-700 font-semibold backdrop-opacity-90 backdrop-blur-md hover:bg-gradient-to-tr hover:from-purple-900 hover:to-green-600">
9595
<Link
9696
href="/login"
9797
title={ "Log in" }

components/Yugioh/Card.js

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,14 +19,16 @@ const Card = ( { cardData } ) => {
1919
query: {
2020
card: cardData.id,
2121
letter: letter,
22-
set_name: setName, // only set name passed
23-
source: setName
24-
22+
set_name: setName,
23+
source: "set", // flag so card-details knows this came from a set page
2524
},
2625
} }
2726
>
2827

2928

29+
30+
31+
3032
<div className="hover:scale-95 hover:duration-100 transition-transform">
3133
<img
3234
className="object-scale-down object-center w-full h-full max-h-96"

middleware/authenticate.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ export default async function authenticate( req, res, next ) {
66
const token = req.cookies?.token;
77

88
if ( !token ) {
9-
return res.status( 401 ).json( { error: "Unauthorized" } );
9+
return;
1010
}
1111

1212
try {

pages/logout.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
export default function LogoutPage() {
22
return (
3-
<div className="mx-auto p-5 text-black h-full flex flex-wrap flex-col items-center justify-center bg-transparent text-shadow">
4-
<h1 className="text-9xl text-white font-bold mb-6 text-pretty text-center">YOU HAVE BEEN LOGGED OUT</h1>
3+
<div className="mx-auto p-5 text-black w-full m-5 flex flex-wrap flex-col items-center justify-center bg-transparent text-shadow">
4+
<p className="text-7xl text-white font-bold mb-6 text-pretty text-center">YOU HAVE BEEN LOGGED OUT</p>
55
</div>
66
);
77
}

pages/yugioh/index.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -394,6 +394,7 @@ const MyCollection = () => {
394394
<div className='float-left w-1/2'>
395395
<button
396396
onClick={ () => setViewMode( 'grid' ) }
397+
title={ "Grid view" }
397398
className={ `px-3 py-3 transition-colors ${ viewMode === 'grid'
398399
? 'bg-purple-600 text-white'
399400
: 'text-white/60 hover:text-white hover:bg-white/10'
@@ -405,6 +406,7 @@ const MyCollection = () => {
405406
<div className='float-right w-1/2'>
406407
<button
407408
onClick={ () => setViewMode( 'table' ) }
409+
title={ "Table view" }
408410
className={ `px-3 py-3 transition-colors ${ viewMode === 'table'
409411
? 'bg-purple-600 text-white'
410412
: 'text-white/60 hover:text-white hover:bg-white/10'

pages/yugioh/sets/[letter]/[setName].js

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -388,22 +388,24 @@ const CardsInSetPage = () => {
388388
<button
389389
type="button"
390390
onClick={ () => setViewMode( "grid" ) }
391+
title={ "Grid view" }
391392
className={ `inline-flex h-[40px] items-center justify-center px-3 text-sm font-medium ${ viewMode === "grid"
392393
? "glass bg-accent text-accent-foreground"
393394
: "bg-transparent hover:bg-none hover:text-muted-foreground"
394395
}` }
395396
>
396-
<Grid size={ 23 } />
397+
<Grid size={ 25 } />
397398
</button>
398399
<button
399400
type="button"
400401
onClick={ () => setViewMode( "table" ) }
402+
title={ "Table view" }
401403
className={ `inline-flex h-[40px] items-center justify-center px-3 text-sm font-medium ${ viewMode === "table"
402404
? "glass bg-accent text-accent-foreground"
403405
: "bg-transparent hover:bg-transparent hover:text-muted-foreground"
404406
}` }
405407
>
406-
<List size={ 23 } />
408+
<List size={ 25 } />
407409
</button>
408410
</div>
409411

0 commit comments

Comments
 (0)