style : 소유자 이름이 길 떄 뒷부분 ...으로 변환

Author: Minju9187

client/src/components/Dashboard/MindMapInfoItem.tsx

@@ -55,11 +55,11 @@ export default function MindMapInfoItem({ data, index }: MindMapInfoItemProps) {
             </span>
           ))}
         </div>
-        <div className="flex min-w-24 items-center justify-center gap-2">
+        <div className="flex w-44 items-center gap-2 pl-4">
           <FaUserCircle className="h-6 w-6" />
-          <div>{data.ownerName}</div>
+          <div className="w-32 overflow-hidden text-ellipsis whitespace-nowrap">{data.ownerName}</div>
         </div>
-        <div className="flex min-w-40 justify-between">
+        <div className="flex min-w-40 justify-between pl-4">
           <div>{extractDate(new Date(data.createDate))}</div>
           {ownerCheck ? (
             <Button

client/src/components/Dashboard/UserDashBoard.tsx

@@ -35,8 +35,8 @@ export default function UserDashBoard() {
       <header className="flex items-center justify-between px-3 py-2 font-bold">
         <div className="min-w-72 pl-2">제목</div>
         <div className="min-w-60 pl-8">키워드</div>
-        <div className="min-w-24 pl-4">소유자</div>
-        <div className="min-w-40 pl-1">생성 일자</div>
+        <div className="w-44 pl-4">소유자</div>
+        <div className="min-w-40 pl-4">생성 일자</div>
       </header>
       <div className="no-scrollbar h-[calc(100%-40px)] overflow-y-scroll border-b-[1px] border-t-[1px] border-grayscale-500">
         {filteredData.map((info, i) => (