diff options
Diffstat (limited to 'components/information/information-button.tsx')
| -rw-r--r-- | components/information/information-button.tsx | 30 |
1 files changed, 15 insertions, 15 deletions
diff --git a/components/information/information-button.tsx b/components/information/information-button.tsx index 1c6d4e7a..2cff96d0 100644 --- a/components/information/information-button.tsx +++ b/components/information/information-button.tsx @@ -231,8 +231,8 @@ export function InformationButton({ <div className="mt-4">
{isLoading ? (
<div className="flex items-center justify-center py-12">
- <Loader2 className="h-6 w-6 animate-spin text-gray-500" />
- <span className="ml-2 text-gray-500">정보를 불러오는 중...</span>
+ <Loader2 className="h-6 w-6 animate-spin text-muted-foreground" />
+ <span className="ml-2 text-muted-foreground">정보를 불러오는 중...</span>
</div>
) : (
<div className="space-y-6">
@@ -241,23 +241,23 @@ export function InformationButton({ <div className="flex items-center justify-between">
<h4 className="font-semibold">공지사항</h4>
{notices.length > 0 && (
- <span className="text-xs text-gray-500">{notices.length}개</span>
+ <span className="text-xs text-muted-foreground">{notices.length}개</span>
)}
</div>
{notices.length > 0 ? (
- <div className="max-h-60 overflow-y-auto border rounded-lg bg-gray-50 p-2">
+ <div className="max-h-60 overflow-y-auto border rounded-lg bg-muted/50 p-2">
<div className="space-y-2">
{notices.map((notice) => (
<div
key={notice.id}
- className="p-3 bg-white border rounded-lg hover:bg-gray-50 cursor-pointer transition-colors"
+ className="p-3 bg-white border rounded-lg hover:bg-muted/50 cursor-pointer transition-colors"
onClick={() => handleNoticeClick(notice)}
>
<div className="space-y-1">
<h5 className="font-medium text-sm line-clamp-2">
{notice.title}
</h5>
- <div className="flex items-center gap-3 text-xs text-gray-500">
+ <div className="flex items-center gap-3 text-xs text-muted-foreground">
<span>{formatDate(notice.createdAt, "KR")}</span>
{notice.authorName && (
<span>{notice.authorName}</span>
@@ -269,8 +269,8 @@ export function InformationButton({ </div>
</div>
) : (
- <div className="bg-gray-50 border rounded-lg p-4">
- <div className="text-center text-gray-500">
+ <div className="bg-muted/50 border rounded-lg p-4">
+ <div className="text-center text-muted-foreground">
공지사항이 없습니다
</div>
</div>
@@ -293,13 +293,13 @@ export function InformationButton({ </Button>
)}
</div>
- <div className="bg-gray-50 border rounded-lg p-4">
+ <div className="bg-muted/50 border rounded-lg p-4">
{information?.informationContent ? (
- <div className="text-sm text-gray-600 whitespace-pre-wrap max-h-40 overflow-y-auto">
+ <div className="text-sm text-muted-foreground whitespace-pre-wrap max-h-40 overflow-y-auto">
{information.informationContent}
</div>
) : (
- <div className="text-center text-gray-500">
+ <div className="text-center text-muted-foreground">
안내사항이 없습니다
</div>
)}
@@ -311,10 +311,10 @@ export function InformationButton({ <div className="flex items-center justify-between">
<h4 className="font-semibold">첨부파일</h4>
{information?.attachments && information.attachments.length > 0 && (
- <span className="text-xs text-gray-500">{information.attachments.length}개</span>
+ <span className="text-xs text-muted-foreground">{information.attachments.length}개</span>
)}
</div>
- <div className="bg-gray-50 border rounded-lg p-4">
+ <div className="bg-muted/50 border rounded-lg p-4">
{information?.attachments && information.attachments.length > 0 ? (
<div className="space-y-3">
{information.attachments.map((attachment) => (
@@ -330,7 +330,7 @@ export function InformationButton({ </div>
{attachment.fileSize && (
- <div className="text-xs text-gray-500 mt-1">
+ <div className="text-xs text-muted-foreground mt-1">
{prettyBytes(Number(attachment.fileSize))}
</div>
)}
@@ -362,7 +362,7 @@ export function InformationButton({ ))}
</div>
) : (
- <div className="text-center text-gray-500">
+ <div className="text-center text-muted-foreground">
첨부파일이 없습니다
</div>
)}
|