[Style] 정렬 수정

Author: MINJI121

src/components/columnCard/Card.tsx

@@ -1,6 +1,7 @@
 import { AssigneeType, CardType } from "@/types/task";
 import Image from "next/image";
 import { getTagColor } from "../modalInput/chips/ColorTagChip";
+import RandomProfile from "../table/member/RandomProfile";
 
 type CardProps = CardType & {
   imageUrl?: string | null;
@@ -99,13 +100,16 @@ export default function Card({
               <Image
                 src={assignee.profileImageUrl}
                 alt="프로필 이미지"
-                width={24}
-                height={24}
-                className="w-6 h-6 rounded-full object-cover"
+                width={22}
+                height={22}
+                className="sm:w-[24px] sm:h-[24px] rounded-full object-cover"
               />
             ) : (
-              <div className="w-6 h-6 flex items-center justify-center bg-[#A3C4A2] text-white font-medium rounded-full text-xs">
-                {assignee.nickname[0]}
+              <div
+                className="sm:w-[24px] sm:h-[24px] w-[22px] h-[22px] rounded-full
+                overflow-hidden flex items-center justify-center"
+              >
+                <RandomProfile name={assignee.nickname} />
               </div>
             )}
           </div>

src/components/modalDashboard/Representative.tsx

@@ -17,7 +17,7 @@ export const Representative = ({ card }: RepresentativeProps) => {
       <div className="flex sm:flex-col sm:gap-4 gap-17">
         {/* 담당자 컨테이너 */}
         <div>
-          <p className="font-12sb text-black3 mb-1">담당자</p>
+          <p className="font-12sb text-black3 mb-[4px]">담당자</p>
           <div className="flex items-center gap-2">
             <ProfileIcon
               userId={card.assignee.id}
@@ -35,7 +35,7 @@ export const Representative = ({ card }: RepresentativeProps) => {
 
         {/* 마감일 컨테이너 */}
         <div>
-          <p className="font-12sb text-black3 sm:mb-1 mb-[8px]">마감일</p>
+          <p className="font-12sb text-black3 sm:mb-1 mb-[4px]">마감일</p>
           <p className="font-normal text-black3 sm:text-[14px] text-[12px]">
             {new Date(card.dueDate).toLocaleString("ko-KR", {
               year: "numeric",

src/components/table/member/RandomProfile.tsx

@@ -15,7 +15,9 @@ export default function RandomProfile({ name, index }: RandomProfileProps) {
 
   return (
     <div
-      className={`flex items-center justify-center text-white font-16sb leading-none rounded-full ${bgColor} w-[34px] h-[34px] md:w-[38px] md:h-[38px]`}
+      className={`flex items-center justify-center
+        leading-none text-white font-medium
+        rounded-full ${bgColor} w-[34px] h-[34px] md:w-[38px] md:h-[38px]`}
     >
       {name[0]}
     </div>