diff options
Diffstat (limited to 'components/information')
| -rw-r--r-- | components/information/information-button.tsx | 30 | ||||
| -rw-r--r-- | components/information/information-client.tsx | 6 |
2 files changed, 18 insertions, 18 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>
)}
diff --git a/components/information/information-client.tsx b/components/information/information-client.tsx index e2d273e5..48bb683d 100644 --- a/components/information/information-client.tsx +++ b/components/information/information-client.tsx @@ -261,7 +261,7 @@ export function InformationClient({ initialData = [] }: InformationClientProps) <div className="flex items-center justify-between gap-4">
<div className="flex items-center gap-4">
<div className="relative flex-1 max-w-md">
- <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-4 w-4" />
+ <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground h-4 w-4" />
<Input
placeholder="페이지명이나 경로로 검색..."
value={searchQuery}
@@ -354,7 +354,7 @@ export function InformationClient({ initialData = [] }: InformationClientProps) </TableRow>
) : filteredAndSortedInformations.length === 0 ? (
<TableRow>
- <TableCell colSpan={7} className="text-center py-8 text-gray-500">
+ <TableCell colSpan={7} className="text-center py-8 text-muted-foreground">
정보가 없습니다.
</TableCell>
</TableRow>
@@ -376,7 +376,7 @@ export function InformationClient({ initialData = [] }: InformationClientProps) </TableCell>
<TableCell>
<div
- className="max-w-[300px] text-sm text-gray-600 line-clamp-2"
+ className="max-w-[300px] text-sm text-muted-foreground line-clamp-2"
dangerouslySetInnerHTML={{
__html: information.informationContent?.substring(0, 100) + '...' || ''
}}
|