Skip to content

Commit d1e52b9

Browse files
LadyBluenotesLadyBluenotes
committed
fix: standardize icon sizes by removing size attributes for consistency; fix: hover sidebar bg
1 parent 421d5b6 commit d1e52b9

33 files changed

+77
-85
lines changed

‎src/components/Doc.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -182,7 +182,7 @@ function DocContent({
182182
href={`https://github.com/${repo}/edit/${branch}/${filePath}`}
183183
className="flex items-center gap-2"
184184
>
185-
<SquarePen size={16} /> Edit on GitHub
185+
<SquarePen /> Edit on GitHub
186186
</a>
187187
</div>
188188
<div className="h-24" />

‎src/components/DocsLayout.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -288,8 +288,8 @@ export function DocsLayout({
288288
>
289289
<summary className="py-2 px-4 flex gap-2 items-center justify-between">
290290
<div className="flex-1 flex gap-4 items-center">
291-
<TextAlignStart className="icon-open cursor-pointer" size={16} />
292-
<X className="icon-close cursor-pointer" size={16} />
291+
<TextAlignStart className="icon-open cursor-pointer" />
292+
<X className="icon-close cursor-pointer" />
293293
Documentation
294294
</div>
295295
</summary>
@@ -359,7 +359,7 @@ export function DocsLayout({
359359
className="py-1 px-2 bg-white/70 text-black dark:bg-gray-500/40 dark:text-white shadow-lg shadow-black/20 flex items-center justify-center backdrop-blur-sm z-20 rounded-lg overflow-hidden"
360360
>
361361
<div className="flex gap-2 items-center font-bold">
362-
<ArrowLeft size={16} />
362+
<ArrowLeft />
363363
{prevItem.label}
364364
</div>
365365
</Link>
@@ -379,7 +379,7 @@ export function DocsLayout({
379379
>
380380
{nextItem.label}
381381
</span>{' '}
382-
<ArrowRight className={textColor} size={16} />
382+
<ArrowRight className={textColor} />
383383
</div>
384384
</Link>
385385
) : null}

‎src/components/FeedbackLeaderboard.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -67,9 +67,9 @@ export function FeedbackLeaderboard() {
6767
}
6868

6969
const getRankIcon = (rank: number) => {
70-
if (rank === 1) return <Trophy className="text-yellow-500" size={14} />
71-
if (rank === 2) return <Medal className="text-gray-400" size={14} />
72-
if (rank === 3) return <Medal className="text-amber-600" size={14} />
70+
if (rank === 1) return <Trophy className="text-yellow-500" />
71+
if (rank === 2) return <Medal className="text-gray-400" />
72+
if (rank === 3) return <Medal className="text-amber-600" />
7373
return null
7474
}
7575

‎src/components/FeedbackModerationList.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -169,9 +169,9 @@ export function FeedbackModerationList({
169169
<TableCell>
170170
<div className="flex items-center gap-2">
171171
{feedback.type === 'note' ? (
172-
<MessageSquare className="text-blue-500" size={14} />
172+
<MessageSquare className="text-blue-500" />
173173
) : (
174-
<Lightbulb className="text-yellow-500" size={14} />
174+
<Lightbulb className="text-yellow-500" />
175175
)}
176176
<span className="text-xs">
177177
{feedback.type === 'note' ? 'Note' : 'Improvement'}
@@ -208,7 +208,7 @@ export function FeedbackModerationList({
208208
</span>
209209
{feedback.isDetached && (
210210
<div className="flex items-center gap-1 text-xs text-yellow-600 dark:text-yellow-400 mt-1">
211-
<TriangleAlert size={12} />
211+
<TriangleAlert />
212212
Detached
213213
</div>
214214
)}
@@ -237,7 +237,7 @@ export function FeedbackModerationList({
237237
className="px-3 py-1 text-xs font-medium text-white bg-red-600 hover:bg-red-700 rounded transition-colors"
238238
title="Deny"
239239
>
240-
<X size={14} />
240+
<X />
241241
</button>
242242
</div>
243243
)}

‎src/components/Markdown.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -231,7 +231,7 @@ export function CodeBlock({
231231
>
232232
{lang ? <div className="px-2">{lang}</div> : null}
233233
<button
234-
className="px-2 flex items-center text-gray-500 hover:bg-gray-500 hover:text-gray-100 dark:hover:text-gray-200 transition duration-200"
234+
className="px-2 py-1 flex items-center text-gray-500 hover:bg-gray-500 hover:text-gray-100 dark:hover:text-gray-200 transition duration-200"
235235
onClick={() => {
236236
let copyContent =
237237
typeof ref.current?.innerText === 'string'
@@ -259,7 +259,7 @@ export function CodeBlock({
259259
{copied ? (
260260
<span className="text-xs">Copied!</span>
261261
) : (
262-
<Copy size={14} />
262+
<Copy />
263263
)}
264264
</button>
265265
</div>

‎src/components/Navbar.tsx‎

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -82,8 +82,8 @@ export function Navbar({ children }: { children: React.ReactNode }) {
8282
className="flex items-center gap-1 bg-gray-500/20 rounded-lg p-2 opacity-80
8383
hover:opacity-100 whitespace-nowrap uppercase font-black text-xs"
8484
>
85-
<User size={16} />
86-
<div className="">Log In</div>
85+
<User className="text-sm"/>
86+
<div >Log In</div>
8787
</Link>
8888
)
8989

@@ -98,7 +98,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
9898
<Authenticated>
9999
{!canAdmin ? (
100100
<div className="flex items-center gap-2 px-2 py-1 rounded-lg">
101-
<User size={16} />
101+
<User />
102102
<Link
103103
to="/account"
104104
className="flex-1 text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white whitespace-nowrap"
@@ -109,7 +109,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
109109
) : null}
110110
{canAdmin ? (
111111
<div className="flex items-center gap-2 px-2 py-1 rounded-lg">
112-
<Lock size={16} />
112+
<Lock />
113113
<Link
114114
to="/admin"
115115
className="flex-1 text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white"
@@ -378,7 +378,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
378378
'rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30',
379379
)}
380380
>
381-
<Users size={14} />
381+
<Users />
382382
Contributors
383383
</Link>
384384
</div>
@@ -435,7 +435,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
435435
>
436436
<div className="flex items-center gap-2">
437437
<div className="flex items-center gap-4 justify-between">
438-
<Hammer size={14} />
438+
<Hammer />
439439
</div>
440440
<div>Builder</div>
441441
</div>
@@ -452,22 +452,22 @@ export function Navbar({ children }: { children: React.ReactNode }) {
452452
</span>
453453
</>
454454
),
455-
icon: <Rss size={14} />,
455+
icon: <Rss />,
456456
to: '/feed',
457457
},
458458
{
459459
label: 'Maintainers',
460-
icon: <Code size={14} />,
460+
icon: <Code />,
461461
to: '/maintainers',
462462
},
463463
{
464464
label: 'Partners',
465-
icon: <Users size={14} />,
465+
icon: <Users />,
466466
to: '/partners',
467467
},
468468
{
469469
label: 'Blog',
470-
icon: <Music size={14} />,
470+
icon: <Music />,
471471
to: '/blog',
472472
},
473473
{
@@ -479,28 +479,28 @@ export function Navbar({ children }: { children: React.ReactNode }) {
479479
</span>
480480
</>
481481
),
482-
icon: <BookOpen size={14} />,
482+
icon: <BookOpen />,
483483
to: '/learn',
484484
},
485485
{
486486
label: 'Support',
487-
icon: <HelpCircle size={14} />,
487+
icon: <HelpCircle />,
488488
to: '/support',
489489
},
490490
{
491491
label: 'Stats',
492-
icon: <TrendingUp size={14} />,
492+
icon: <TrendingUp />,
493493
to: '/stats/npm',
494494
},
495495
{
496496
label: 'Discord',
497-
icon: <DiscordIcon size={14} />,
497+
icon: <DiscordIcon />,
498498
to: 'https://tlinz.com/discord',
499499
target: '_blank',
500500
},
501501
{
502502
label: 'Merch',
503-
icon: <Shirt size={14} />,
503+
icon: <Shirt />,
504504
to: '/merch',
505505
},
506506
{
@@ -510,17 +510,17 @@ export function Navbar({ children }: { children: React.ReactNode }) {
510510
},
511511
{
512512
label: 'Ethos',
513-
icon: <ShieldCheck size={14} />,
513+
icon: <ShieldCheck />,
514514
to: '/ethos',
515515
},
516516
{
517517
label: 'Tenets',
518-
icon: <BookOpen size={14} />,
518+
icon: <BookOpen />,
519519
to: '/tenets',
520520
},
521521
{
522522
label: 'Brand Guide',
523-
icon: <Paintbrush size={14} />,
523+
icon: <Paintbrush />,
524524
to: '/brand-guide',
525525
},
526526
]
@@ -611,7 +611,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
611611
inlineMenu
612612
? ''
613613
: [
614-
'fixed bg-white/70 dark:bg-black/50 backdrop-br-lg -translate-x-full',
614+
'fixed bg-white dark:bg-black/90 backdrop-br-lg -translate-x-full',
615615
showMenu && 'translate-x-0',
616616
],
617617
)}

‎src/components/NotesModerationList.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -192,7 +192,7 @@ export function NotesModerationList({
192192
</span>
193193
{feedback.isDetached && (
194194
<div className="flex items-center gap-1 text-xs text-yellow-600 dark:text-yellow-400 mt-1">
195-
<TriangleAlert size={12} />
195+
<TriangleAlert />
196196
Detached
197197
</div>
198198
)}

‎src/components/PartnershipCallout.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ export function PartnershipCallout({ libraryId }: PartnershipCalloutProps) {
1616
dark:bg-black/40 dark:shadow-none w-[500px] max-w-full mx-auto"
1717
>
1818
<span className="flex items-center gap-2 p-8 text-3xl text-rose-500 font-black uppercase">
19-
{library.name.replace('TanStack ', '')} <HeartHandshake size={28} />{' '}
19+
{library.name.replace('TanStack ', '')} <HeartHandshake />{' '}
2020
You?
2121
</span>
2222
<div className="flex flex-col p-4 gap-3 text-sm">

‎src/components/SearchButton.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,10 @@ export function SearchButton({ className }: SearchButtonProps) {
2020
)}
2121
>
2222
<div className="flex items-center gap-1 text-sm">
23-
<Search size={18} /> Search...
23+
<Search /> Search...
2424
</div>
2525
<div className="flex items-center bg-white/50 dark:bg-gray-500/50 rounded-md px-2 py-1 gap-1 font-bold text-xs whitespace-nowrap">
26-
<Command size={12} /> + K
26+
<Command /> + K
2727
</div>
2828
</button>
2929
)

‎src/components/SearchModal.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -308,11 +308,11 @@ function NoResults() {
308308
}
309309

310310
const submitIconComponent = () => {
311-
return <Search size={18} />
311+
return <Search />
312312
}
313313

314314
const resetIconComponent = () => {
315-
return <X size={20} />
315+
return <X />
316316
}
317317

318318
export function SearchModal() {

0 commit comments

Comments
 (0)