Skip to content

Commit 030a1f7

Browse files
yuxxeunyuxxeun
committed
ref(footer): change link component with next/link
1 parent b6a4c51 commit 030a1f7

File tree

4 files changed

+108
-106
lines changed

4 files changed

+108
-106
lines changed

‎app/globals.css‎

Lines changed: 104 additions & 104 deletions
Original file line numberDiff line numberDiff line change
@@ -3,120 +3,120 @@
33
@tailwind utilities;
44

55
@layer base {
6-
:root {
7-
--light: 223.81 0% 98%;
8-
--dark: 239.95 9% 6%;
9-
--bg: 0 0% 100%;
10-
--fg: 239.93 9% 4%;
11-
--primary: 216.77 100% 50%;
12-
--primary-fg: 0 0% 100%;
13-
--secondary: 240 4% 96%;
14-
--secondary-fg: 240.01 6% 10%;
15-
--tertiary: 0 0% 100%;
16-
--tertiary-fg: 240 4% 16%;
17-
--overlay: 0 0% 100%;
18-
--overlay-fg: 239.93 9% 4%;
19-
--muted: 240 4% 96%;
20-
--muted-fg: 240.01 4% 46%;
21-
--accent: 216.77 100% 50%;
22-
--accent-fg: 0 0% 100%;
23-
--accent-subtle: 216.92 99% 97%;
24-
--accent-subtle-fg: 216.74 100% 40%;
25-
--success: 161.17 91% 31%;
26-
--success-fg: 151.77 82% 96%;
27-
--info: 205.77 100% 50%;
28-
--info-fg: 0 0% 100%;
29-
--danger: 0.01 72% 51%;
30-
--danger-fg: 360 86% 97%;
31-
--warning: 43.2 96% 56.99%;
32-
--warning-fg: 20.91 91% 14.1%;
33-
--border: 240 6% 90%;
34-
--input: 240 6% 90%;
35-
--ring: var(--primary);
36-
--toggle: 240.01 5% 84%;
37-
--radius: 0.5rem;
38-
--primary-chart: 216.74 100% 45%;
39-
--secondary-chart: 219.83 100% 77%;
40-
--tertiary-chart: 216.01 92% 60%;
41-
--highlight-chart: 210 98% 78%;
42-
--accent-chart: 210 98% 78%
43-
}
6+
:root {
7+
--light: 223.81 0% 98%;
8+
--dark: 239.95 9% 6%;
9+
--bg: 0 0% 100%;
10+
--fg: 239.93 9% 4%;
11+
--primary: 216.77 100% 50%;
12+
--primary-fg: 0 0% 100%;
13+
--secondary: 240 4% 96%;
14+
--secondary-fg: 240.01 6% 10%;
15+
--tertiary: 0 0% 100%;
16+
--tertiary-fg: 240 4% 16%;
17+
--overlay: 0 0% 100%;
18+
--overlay-fg: 239.93 9% 4%;
19+
--muted: 240 4% 96%;
20+
--muted-fg: 240.01 4% 46%;
21+
--accent: 216.77 100% 50%;
22+
--accent-fg: 0 0% 100%;
23+
--accent-subtle: 216.92 99% 97%;
24+
--accent-subtle-fg: 216.74 100% 40%;
25+
--success: 161.17 91% 31%;
26+
--success-fg: 151.77 82% 96%;
27+
--info: 205.77 100% 50%;
28+
--info-fg: 0 0% 100%;
29+
--danger: 0.01 72% 51%;
30+
--danger-fg: 360 86% 97%;
31+
--warning: 43.2 96% 56.99%;
32+
--warning-fg: 20.91 91% 14.1%;
33+
--border: 240 6% 90%;
34+
--input: 240 6% 90%;
35+
--ring: var(--primary);
36+
--toggle: 240.01 5% 84%;
37+
--radius: 0.5rem;
38+
--primary-chart: 216.74 100% 45%;
39+
--secondary-chart: 219.83 100% 77%;
40+
--tertiary-chart: 216.01 92% 60%;
41+
--highlight-chart: 210 98% 78%;
42+
--accent-chart: 210 98% 78%;
43+
}
4444

45-
.dark {
46-
--bg: 0 0% 0%;
47-
--fg: 223.81 0% 98%;
48-
--primary: 216.04 98% 52%;
49-
--primary-fg: 0 0% 100%;
50-
--secondary: 239.99 6% 11%;
51-
--secondary-fg: 223.81 0% 98%;
52-
--tertiary: 240.02 10% 6%;
53-
--tertiary-fg: 239.99 4% 96%;
54-
--accent: 216.04 98% 52%;
55-
--accent-fg: 0 0% 100%;
56-
--accent-subtle: 215.99 94% 6%;
57-
--accent-subtle-fg: 204.92 100% 77%;
58-
--overlay: 240.03 6% 6%;
59-
--overlay-fg: 223.81 0% 98%;
60-
--muted: 239.95 3% 16%;
61-
--muted-fg: 240.01 5% 65%;
62-
--info: 205.77 100% 50%;
63-
--info-fg: 0 0% 100%;
64-
--success: 161.17 91% 31%;
65-
--success-fg: 151.77 82% 96%;
66-
--ring: var(--primary);
67-
--toggle: 239.99 5% 26%;
68-
--border: 240.01 7.1% 15%;
69-
--input: 239.95 3% 16%;
70-
--primary-chart: 221.19 83% 53%;
71-
--secondary-chart: 211.99 95% 68%;
72-
--tertiary-chart: 216.01 92% 60%;
73-
--highlight-chart: 210 98% 78%;
74-
--accent-chart: 212 96% 87%
75-
}
45+
.dark {
46+
--bg: 0 0% 0%;
47+
--fg: 223.81 0% 98%;
48+
--primary: 216.04 98% 52%;
49+
--primary-fg: 0 0% 100%;
50+
--secondary: 239.99 6% 11%;
51+
--secondary-fg: 223.81 0% 98%;
52+
--tertiary: 240.02 10% 6%;
53+
--tertiary-fg: 239.99 4% 96%;
54+
--accent: 216.04 98% 52%;
55+
--accent-fg: 0 0% 100%;
56+
--accent-subtle: 215.99 94% 6%;
57+
--accent-subtle-fg: 204.92 100% 77%;
58+
--overlay: 240.03 6% 6%;
59+
--overlay-fg: 223.81 0% 98%;
60+
--muted: 239.95 3% 16%;
61+
--muted-fg: 240.01 5% 65%;
62+
--info: 205.77 100% 50%;
63+
--info-fg: 0 0% 100%;
64+
--success: 161.17 91% 31%;
65+
--success-fg: 151.77 82% 96%;
66+
--ring: var(--primary);
67+
--toggle: 239.99 5% 26%;
68+
--border: 240.01 7.1% 15%;
69+
--input: 239.95 3% 16%;
70+
--primary-chart: 221.19 83% 53%;
71+
--secondary-chart: 211.99 95% 68%;
72+
--tertiary-chart: 216.01 92% 60%;
73+
--highlight-chart: 210 98% 78%;
74+
--accent-chart: 212 96% 87%;
75+
}
7676
}
7777

7878
@layer base {
79-
html {
80-
@apply scroll-smooth;
81-
}
79+
html {
80+
@apply scroll-smooth;
81+
}
8282

83-
* {
84-
@apply border-border;
85-
font-feature-settings: 'cv11', 'ss01';
86-
font-variation-settings: 'opsz' 850;
87-
text-rendering: optimizeLegibility;
88-
scrollbar-width: thin;
89-
}
83+
* {
84+
@apply border-border;
85+
font-feature-settings: 'cv11', 'ss01';
86+
font-variation-settings: 'opsz' 850;
87+
text-rendering: optimizeLegibility;
88+
scrollbar-width: thin;
89+
}
9090

91-
body {
92-
@apply bg-bg text-fg;
93-
}
91+
body {
92+
@apply bg-bg text-fg;
93+
}
9494

95-
/* dark mode */
96-
.dark {
97-
scrollbar-width: thin;
95+
/* dark mode */
96+
.dark {
97+
scrollbar-width: thin;
9898

99-
@media (prefers-color-scheme: dark) {
100-
* {
101-
scrollbar-width: thin;
102-
}
103-
}
99+
@media (prefers-color-scheme: dark) {
100+
* {
101+
scrollbar-width: thin;
102+
}
104103
}
104+
}
105105

106-
/* Chrome, Edge, and Safari */
107-
*::-webkit-scrollbar {
108-
width: 8px;
109-
height: 8px;
110-
}
106+
/* Chrome, Edge, and Safari */
107+
*::-webkit-scrollbar {
108+
width: 8px;
109+
height: 8px;
110+
}
111111

112-
*::-webkit-scrollbar-track {
113-
background: transparent;
114-
border-radius: 5px;
115-
}
112+
*::-webkit-scrollbar-track {
113+
background: transparent;
114+
border-radius: 5px;
115+
}
116116

117-
*::-webkit-scrollbar-thumb {
118-
@apply bg-muted;
119-
border-radius: 14px;
120-
border: 3px solid transparent;
121-
}
117+
*::-webkit-scrollbar-thumb {
118+
@apply bg-muted;
119+
border-radius: 14px;
120+
border: 3px solid transparent;
121+
}
122122
}

‎bun.lockb‎

0 Bytes
Binary file not shown.

‎components/footer.tsx‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
import React from 'react'
22

33
import { IconBrandFacebook, IconBrandGithub, IconBrandInstagram, IconBrandTwitter, IconBrandYoutube } from 'justd-icons'
4-
import { Button, Link, TextField } from 'ui'
4+
import Link from 'next/link'
5+
import { Button, TextField } from 'ui'
56

67
import { ToggleTheme } from './theme-toggle'
78

@@ -148,6 +149,7 @@ export function Footer() {
148149
<div className="flex space-x-6 md:order-2">
149150
{navigation.social.map((item) => (
150151
<Link
152+
aria-label={item.name}
151153
key={item.name}
152154
href={item.href}
153155
className="text-muted-fg hover:text-fg [&>svg]:h-5 [&>svg]:w-5 [&>svg]:stroke-[1.5]"

‎justd.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,4 @@
55
"theme": "Default",
66
"css": "app/globals.css",
77
"created_at": "2024-10-07T20:54:32.660Z"
8-
}
8+
}

0 commit comments

Comments
 (0)