Skip to content

Commit 75cf457

Browse files
hafskjfhahafskjfha
committed
fix: 통일되지 않은 버튼 디자인 수정
1 parent 4196528 commit 75cf457

11 files changed

Lines changed: 25 additions & 27 deletions

File tree

‎src/app/components/HelpModal.tsx‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import {
77
DialogTitle,
88
DialogTrigger,
99
} from '@/src/app/components/ui/dialog';
10+
import { Button } from './ui/button';
1011

1112
interface HelpModalProps {
1213
title: string;
@@ -28,13 +29,10 @@ const HelpModal = ({
2829
return (
2930
<Dialog open={isOpen} onOpenChange={setIsOpen}>
3031
<DialogTrigger asChild>
31-
<button
32-
className={`inline-flex items-center gap-2 text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 transition-colors ${triggerClassName}`}
33-
aria-label="도움말 열기"
34-
>
32+
<Button variant="outline" size="sm">
3533
{showIcon && <HelpCircle className="w-4 h-4" />}
36-
{triggerText && <span className="text-sm">{triggerText}</span>}
37-
</button>
34+
{triggerText && <span className="leading-none">{triggerText}</span>}
35+
</Button>
3836
</DialogTrigger>
3937
<DialogContent className="max-w-xl w-full overflow-x-auto max-h-[80vh] overflow-y-auto bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-100">
4038
<DialogHeader>

‎src/app/manager-tool/Home.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ export default function Home() {
4747
</div>
4848
<div className="flex items-center">
4949
<div className="w-2 h-2 bg-blue-400 rounded-full mr-3"></div>
50-
등등
50+
미션 단어 추출
5151
</div>
5252
</div>
5353

‎src/app/manager-tool/extract/containx/ContainX.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -106,14 +106,14 @@ const WordExtractorApp = () => {
106106
<div className="flex items-center space-x-2">
107107
<Link href="/manager-tool/extract">
108108
<Button variant="outline" size="sm">
109-
<Home className="sm" />
109+
<Home className="w-4 h-4" />
110110
도구홈
111111
</Button>
112112
</Link>
113113
<HelpModal
114114
title="X가 포함된 단어 추출 사용법"
115115
triggerText="도움말"
116-
triggerClassName="border border-gray-200 border-1 rounded-md p-2"
116+
triggerClassName="h-8 rounded-md border border-input bg-background px-3 text-xs font-medium text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground [&_span]:text-xs [&_svg]:size-4"
117117
>
118118
<div className="space-y-6">
119119
<div className="space-y-3">

‎src/app/manager-tool/extract/endx/EndX.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -110,15 +110,15 @@ const WordExtractorApp = () => {
110110
</div>
111111
<div className="flex items-center space-x-2">
112112
<Link href="/manager-tool/extract">
113-
<Button variant="outline" size="sm" className="dark:text-gray-200 dark:bg-gray-800 dark:border-gray-700">
114-
<Home className="sm" />
113+
<Button variant="outline" size="sm">
114+
<Home className="w-4 h-4" />
115115
도구홈
116116
</Button>
117117
</Link>
118118
<HelpModal
119119
title="X로 끝나는 단어 추출 사용법"
120120
triggerText="도움말"
121-
triggerClassName="border border-gray-200 dark:border-gray-700 border-1 rounded-md p-2"
121+
triggerClassName="h-8 rounded-md border border-input bg-background px-3 text-xs font-medium text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground [&_span]:text-xs [&_svg]:size-4"
122122
>
123123
<div className="space-y-6">
124124
{/* Step 0 */}

‎src/app/manager-tool/extract/english-mission/EnglishMission.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -126,15 +126,15 @@ const WordExtractorApp = () => {
126126
</div>
127127
<div className="flex items-center space-x-2">
128128
<Link href="/manager-tool/extract">
129-
<Button variant="outline" size="sm" className="dark:text-gray-200 dark:bg-gray-800 dark:border-gray-700">
130-
<Home className="sm" />
129+
<Button variant="outline" size="sm">
130+
<Home className="w-4 h-4" />
131131
도구홈
132132
</Button>
133133
</Link>
134134
<HelpModal
135135
title="영어 미션단어 추출 사용법"
136136
triggerText="도움말"
137-
triggerClassName="border border-gray-200 dark:border-gray-700 border-1 rounded-md p-2"
137+
triggerClassName="h-8 rounded-md border border-input bg-background px-3 text-xs font-medium text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground [&_span]:text-xs [&_svg]:size-4"
138138
>
139139
<div className="space-y-6">
140140
{/* Step 0 */}

‎src/app/manager-tool/extract/korean-mission-b/KoreanMissionB.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -186,14 +186,14 @@ const WordExtractorApp = () => {
186186
<div className="flex items-center space-x-2">
187187
<Link href="/manager-tool/extract">
188188
<Button variant="outline" size="sm">
189-
<Home className="sm" />
189+
<Home className="w-4 h-4" />
190190
도구홈
191191
</Button>
192192
</Link>
193193
<HelpModal
194194
title="한국어 미션 단어 추출 - B 추출 사용법"
195195
triggerText="도움말"
196-
triggerClassName="border border-gray-200 border-1 rounded-md p-2"
196+
triggerClassName="h-8 rounded-md border border-input bg-background px-3 text-xs font-medium text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground [&_span]:text-xs [&_svg]:size-4"
197197
>
198198
<div className="space-y-6">
199199
{/* Step 0 */}

‎src/app/manager-tool/extract/korean-mission/KoreanMission.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -323,14 +323,14 @@ const WordExtractorApp = () => {
323323
<div className="flex items-center space-x-2">
324324
<Link href="/manager-tool/extract">
325325
<Button variant="outline" size="sm">
326-
<Home className="sm" />
326+
<Home className="w-4 h-4" />
327327
도구홈
328328
</Button>
329329
</Link>
330330
<HelpModal
331331
title="한국어 미션단어 추출 - A 사용법"
332332
triggerText="도움말"
333-
triggerClassName="border border-gray-200 border-1 rounded-md p-2"
333+
triggerClassName="h-8 rounded-md border border-input bg-background px-3 text-xs font-medium text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground [&_span]:text-xs [&_svg]:size-4"
334334
>
335335
<div className="space-y-6">
336336
{/* Step 0 */}

‎src/app/manager-tool/extract/lenx/LenX.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -109,14 +109,14 @@ const WordExtractorApp = () => {
109109
<div className="flex items-center space-x-2">
110110
<Link href="/manager-tool/extract">
111111
<Button variant="outline" size="sm">
112-
<Home className="sm"/>
112+
<Home className="w-4 h-4" />
113113
도구홈
114114
</Button>
115115
</Link>
116116
<HelpModal
117117
title="X 글자수 단어 추출 사용법"
118118
triggerText="도움말"
119-
triggerClassName="border border-gray-200 border-1 rounded-md p-2"
119+
triggerClassName="h-8 rounded-md border border-input bg-background px-3 text-xs font-medium text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground [&_span]:text-xs [&_svg]:size-4"
120120
>
121121
<div className="space-y-6">
122122
{/* Step 0 */}

‎src/app/manager-tool/extract/loop/Loop.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -134,14 +134,14 @@ const LoopWordExtractorApp = () => {
134134
<div className="flex items-center space-x-2">
135135
<Link href="/manager-tool/extract">
136136
<Button variant="outline" size="sm">
137-
<Home className="sm" />
137+
<Home className="w-4 h-4" />
138138
도구홈
139139
</Button>
140140
</Link>
141141
<HelpModalA
142142
title="돌림단어 추출 사용법"
143143
triggerText="도움말"
144-
triggerClassName="border border-gray-200 border-1 rounded-md p-2"
144+
triggerClassName="h-8 rounded-md border border-input bg-background px-3 text-xs font-medium text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground [&_span]:text-xs [&_svg]:size-4"
145145
>
146146
<div className="space-y-6">
147147
{/* Step 0 */}

‎src/app/manager-tool/extract/merge/Merge.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -324,14 +324,14 @@ const WordExtractorApp = () => {
324324
<div className="flex items-center space-x-2">
325325
<Link href="/manager-tool/extract">
326326
<Button variant="outline" size="sm">
327-
<Home className="sm" />
327+
<Home className="w-4 h-4" />
328328
도구홈
329329
</Button>
330330
</Link>
331331
<HelpModal
332332
title="텍스트 파일 합성 사용법"
333333
triggerText="도움말"
334-
triggerClassName="border border-gray-200 border-1 rounded-md p-2"
334+
triggerClassName="h-8 rounded-md border border-input bg-background px-3 text-xs font-medium text-foreground shadow-sm hover:bg-accent hover:text-accent-foreground [&_span]:text-xs [&_svg]:size-4"
335335
>
336336
<div className="space-y-6">
337337
{/* Step 0 */}

0 commit comments

Comments
 (0)