Skip to content

Commit 883089b

Browse files
codewithdevcodewithdev
committed
fixed the menu items
1 parent 5722d94 commit 883089b

File tree

5 files changed

+51
-47
lines changed

5 files changed

+51
-47
lines changed

‎.env.local‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,11 @@ SANITY_DATASET=production
33
OAUTH_CLIENT_KEY=0bd7d13095874f6f9aa3
44
OAUTH_CLIENT_SECRET=691485cbf393dd0faaed4b7781b2b8366df3cf03
55
SANITY_STUDIO_REVALIDATE_SECRET= 779242f9958613c1d4bd1d7088dc66ef40ad9d792ba456caa0ab91f77895843d
6-
7-
8-
96
SPOTIFY_CLIENT_ID=f1422f45d16543648a54216a69b80ea2
107
SPOTIFY_REFRESH_TOKEN=AQCO-K8GY5KGyc8Ln4z5tPskIdTZw0v5yvbkEhiL3jgRDt2UJIMgr7yoQ740SedG-uvAZ3DlS_mu981QQ3lSMl6vpKDdPzxaectqMQ2unRPpsPa9YQCi0wdnK-ijCHFD_JI
118
TWITTER_API_KEY=QcWeWwGj1yLgvYyzVa4A78huQ
129
SPOTIFY_CLIENT_SECRET=0aaf4c8229f644d895c8ddd5bffbd218
1310
NEXT_AUTH_URL= http://localhost:3000
1411
SANITY_API_TOKEN=sk9w6b3XZnrKXCsSxGspHy9WkgEqXDru1N2eGzuKzu1PcYTzGuVmC0hRnbADSMhCrnPRw7AVi5HaMivVW2LBXkGsT6BVgKY2kB8R7vEvLBvUDXWWLQsQDrGG10k42fY1sicC4lw8dWIDajjd8iiG2105CWiZjiHeylP0SfehNPRQeyAZ0FRl
1512
NEXT_PUBLIC_WEATHER_API_KEY=3b5438066022f81fde058d040b9cfdbf
16-
13+
DATABASE_URL= "prisma+postgres://accelerate.prisma-data.net/?api_key=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcGlfa2V5IjoiNjI4Mzg5ZmUtZTU3OS00ODUxLTg2ZGYtYTI3MTViNDk0ZjQ2IiwidGVuYW50X2lkIjoiNTdhMWFlNDI1ZDgwNWVhNjJjZjIwOWU2OWE2ZDNkYmUxZjQ0NDZmMzg3OTJiMGZmNjA2Mjk0NjA0MTQzZmRlOCIsImludGVybmFsX3NlY3JldCI6IjM4MDEwNzU0LWZmZGUtNDY4NS1iZmVkLWYyMTcwMTlmODY1MyJ9.yN4vgJxAjMVoHophXpgRYP7kuE7dSHKe1-r2P1_lnWU"

‎components/Container.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -107,20 +107,20 @@ export default function Container({
107107
<div className="flex items-center gap-4">
108108
<button
109109
onClick={() => setShowQuickLinks(!showQuickLinks)}
110-
className="flex items-center justify-between px-3 py-3 rounded-lg bg-gray-200 dark:bg-gray-800 hover:bg-gray-300 dark:hover:bg-gray-700 transition-all font-normal text-gray-600 dark:text-gray-400 text-sm"
110+
className="hidden md:flex items-center justify-between px-3 py-3 rounded-lg bg-gray-200 dark:bg-gray-800 hover:bg-gray-300 dark:hover:bg-gray-700 transition-all font-normal text-gray-600 dark:text-gray-400 text-sm"
111111
>
112112
Quick Links
113113
<svg
114114
className="w-4 h-4 ml-1"
115115
fill="none"
116116
stroke="currentColor"
117-
viewBox="0 0 24 24"
117+
viewBox="0 0 24 24"
118118
>
119119
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
120120
</svg>
121121
</button>
122122

123-
<div className={`${showQuickLinks ? 'flex' : 'hidden'} items-center gap-1`}>
123+
<div className={`${showQuickLinks ? 'hidden md:flex' : 'hidden'} items-center gap-1`}>
124124
<NavItem href="/" text="Home" />
125125
<NavItem href="/about" text="About" />
126126
<NavItem href="/guestbook" text="Guestbook" />

‎components/MobileMenu.tsx‎

Lines changed: 34 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -45,77 +45,76 @@ export default function MobileMenu() {
4545
<ul
4646
className={cn(
4747
styles.menu,
48-
'flex flex-col absolute bg-gray-100 dark:bg-gray-900',
48+
'flex flex-col fixed top-16 right-0 left-0 bg-gray-100 dark:bg-gray-900 px-6 z-50 items-center py-4 space-y-4',
4949
isMenuRendered && styles.menuRendered
5050
)}
5151
>
5252
<li
53-
className="border-b border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-100 text-sm font-semibold"
53+
className="border-b border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-100 text-sm font-semibold text-center w-full"
5454
style={{ transitionDelay: '150ms' }}
5555
>
5656
<Link
5757
href="/"
58-
className="flex w-auto pb-4"
58+
className="flex w-auto pb-4 justify-center"
5959
>
6060
Home
6161
</Link>
6262
</li>
6363
<li
64-
className="border-b border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-100 text-sm font-semibold"
64+
className="border-b border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-100 text-sm font-semibold text-center w-full"
6565
style={{ transitionDelay: '175ms' }}
6666
>
6767
<Link
68-
href="/guestbook"
69-
className="flex w-auto pb-4"
68+
href="/about"
69+
className="flex w-auto pb-4 justify-center"
7070
>
71-
Guestbook
71+
About
7272
</Link>
7373
</li>
7474
<li
75-
className="border-b border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-100 text-sm font-semibold"
75+
className="border-b border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-100 text-sm font-semibold text-center w-full"
7676
style={{ transitionDelay: '200ms' }}
7777
>
78-
<Link href="/dashboard" legacyBehavior>
79-
<div className="flex w-auto pb-4">Dashboard</div>
80-
</Link>
81-
</li>
82-
<li
83-
className="border-b border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-100 text-sm font-semibold"
84-
style={{ transitionDelay: '250ms' }}
85-
>
86-
<Link href="/blog" legacyBehavior>
87-
<div className="flex w-auto pb-4">Blog</div>
78+
<Link
79+
href="/guestbook"
80+
className="flex w-auto pb-4 justify-center"
81+
>
82+
Guestbook
8883
</Link>
8984
</li>
9085
<li
91-
className="border-b border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-100 text-sm font-semibold"
92-
style={{ transitionDelay: '275ms' }}
86+
className="border-b border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-100 text-sm font-semibold text-center w-full"
87+
style={{ transitionDelay: '225ms' }}
9388
>
94-
<Link href="/snippets" legacyBehavior>
95-
<div className="flex w-auto pb-4">Snippets</div>
89+
<Link
90+
href="/dashboard"
91+
className="flex w-auto pb-4 justify-center"
92+
>
93+
Dashboard
9694
</Link>
9795
</li>
9896
<li
99-
className="border-b border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-100 text-sm font-semibold"
100-
style={{ transitionDelay: '300ms' }}
97+
className="border-b border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-100 text-sm font-semibold text-center w-full"
98+
style={{ transitionDelay: '250ms' }}
10199
>
102-
<Link href="/newsletter" legacyBehavior>
103-
<div className="flex w-auto pb-4">Newsletter</div>
100+
<Link
101+
href="/blog"
102+
className="flex w-auto pb-4 justify-center"
103+
>
104+
Blog
104105
</Link>
105106
</li>
106107
<li
107-
className="border-b border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-100 text-sm font-semibold"
108-
style={{ transitionDelay: '325ms' }}
108+
className="border-b border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-100 text-sm font-semibold text-center w-full"
109+
style={{ transitionDelay: '275ms' }}
109110
>
110-
<Link href="/tweets" legacyBehavior>
111-
<div className="flex w-auto pb-4">Tweets</div>
111+
<Link
112+
href="/snippets"
113+
className="flex w-auto pb-4 justify-center"
114+
>
115+
Snippets
112116
</Link>
113117
</li>
114-
<li
115-
className="border-b border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-100 text-sm font-semibold"
116-
style={{ transitionDelay: '350ms' }}
117-
>
118-
</li>
119118
</ul>
120119
)}
121120
</>

‎package.json‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
"@sanity/vision": "^3.23.4",
2626
"@sanity/webhook": "^2.0.0",
2727
"@tailwindcss/typography": "0.5.3",
28-
"classnames": "^2.3.1",
28+
"classnames": "^2.5.1",
2929
"comma-number": "^2.1.0",
3030
"date-fns": "2.28.0",
3131
"googleapis": "^105.0.0",
@@ -41,17 +41,18 @@
4141
"query-string": "^7.1.1",
4242
"react": "^18.3.1",
4343
"react-dom": "^18.3.1",
44+
"react-icons": "^4.x.x",
4445
"sanity": "^3.23.4",
4546
"sanity-plugin-markdown": "^3.0.1",
4647
"sharp": "^0.33.5",
4748
"styled-components": "^5.2.0",
4849
"swr": "1.3.0",
4950
"tailwindcss": "3.1.5",
5051
"use-delayed-render": "^0.0.7",
51-
"yarn": "^1.22.22",
52-
"react-icons": "^4.x.x"
52+
"yarn": "^1.22.22"
5353
},
5454
"devDependencies": {
55+
"@types/classnames": "^2.3.4",
5556
"@types/hast": "^3.0.4",
5657
"@types/jest": "^29.5.14",
5758
"@types/mdx": "^2.0.13",

‎yarn.lock‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3041,6 +3041,13 @@
30413041
dependencies:
30423042
"@babel/types" "^7.20.7"
30433043

3044+
"@types/classnames@^2.3.4":
3045+
version "2.3.4"
3046+
resolved "https://registry.yarnpkg.com/@types/classnames/-/classnames-2.3.4.tgz#1a1fdf5023ef216219f13e702543f9ce9b394560"
3047+
integrity sha512-dwmfrMMQb9ujX1uYGvB5ERDlOzBNywnZAZBtOe107/hORWP05ESgU4QyaanZMWYYfd2BzrG78y13/Bju8IQcMQ==
3048+
dependencies:
3049+
classnames "*"
3050+
30443051
"@types/debug@^4.0.0":
30453052
version "4.1.12"
30463053
resolved "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz"
@@ -4181,7 +4188,7 @@ circular-at@^1.0.3:
41814188
resolved "https://registry.npmjs.org/circular-at/-/circular-at-1.0.4.tgz"
41824189
integrity sha512-PnRibHyOdd1YqJd1Gf0KEcxzul5o8gDbH+6Jb5zMB810CWW8PCcH75uX71A/WifIFyl+ognT91cDA411vDlFfg==
41834190

4184-
classnames@^2.2.5, classnames@^2.3.1:
4191+
classnames@*, classnames@^2.2.5, classnames@^2.5.1:
41854192
version "2.5.1"
41864193
resolved "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz"
41874194
integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==
@@ -11179,7 +11186,7 @@ use-callback-ref@^1.3.2:
1117911186

1118011187
use-delayed-render@^0.0.7:
1118111188
version "0.0.7"
11182-
resolved "https://registry.npmjs.org/use-delayed-render/-/use-delayed-render-0.0.7.tgz"
11189+
resolved "https://registry.yarnpkg.com/use-delayed-render/-/use-delayed-render-0.0.7.tgz#3d35ab7c26cadc1b31b8cb4ec58342c88c3b082e"
1118311190
integrity sha512-Lb4Sd4P50CYRQ5k2Y9SRjMDTBG3Ous7TmfCGOzabKZf3ibQwIuyF3M2q6iiGLH+BicXZJumXgJDeHRnAfZM7Gg==
1118411191

1118511192
use-device-pixel-ratio@^1.1.0:

0 commit comments

Comments
 (0)