Skip to content
Merged
Show file tree
Hide file tree
Changes from 3 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 5 additions & 2 deletions src/components/ui/Card/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -163,7 +163,7 @@ const Card: React.FC<CardProps> = ({
onMouseLeave={() => setIsHovered(false)}
onClick={handleClick}
className={clsx(
'z-10 flex flex-col justify-between rounded-[8px] p-[16px] transition-all',
'z-10 flex flex-col justify-between rounded-[6px] p-[16px] transition-all',
sizeStyle[variant],
backgroundStyle[variant][state],
variant === 'small' && state === 'hover' ? 'z-30' : 'z-10',
Expand All @@ -174,7 +174,10 @@ const Card: React.FC<CardProps> = ({
<div className="flex h-full flex-col justify-between">
<div className="flex flex-1 flex-col">
<div className="mb-[8px] flex flex-wrap gap-1">
{tags && tags.map((tag, idx) => <CardTag key={idx} text={tag} />)}
{tags &&
tags
.slice(0, variant === 'small' && state !== 'hover' ? 2 : tags.length)
.map((tag, idx) => <CardTag key={idx} text={tag} />)}
</div>
<div className={titleStyle}>{title}</div>
<div
Expand Down
2 changes: 1 addition & 1 deletion src/components/ui/CardTag/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ interface CardTagProps {

const CardTag: React.FC<CardTagProps> = ({ text }) => {
return (
<div className="bg-primary-navy4 flex h-[24px] w-[80px] items-center justify-center rounded-full text-sm text-white">
<div className="bg-primary-navy4 flex h-[24px] w-[80px] items-center justify-center rounded-[5px] text-sm text-white">
{text}
</div>
);
Expand Down
3 changes: 0 additions & 3 deletions src/components/ui/TagSearchButton/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -58,10 +58,7 @@ export const TagSearchButton: React.FC<TagSearchButtonProps> = ({
loadIcon();
}, [id, code, selected]);

console.log('TagSearchButton 렌더링:', tag, '선택됨:', selected);

const handleClick = () => {
console.log('TagSearchButton 클릭:', tag, '현재 선택 상태:', selected);
if (onClick) {
onClick();
}
Expand Down