fix: 노드 컴포넌트 레이아웃 수정

boostcampwm-2024 · Nov 21, 2024 · b8a117d · b8a117d
1 parent 9e53df6
commit b8a117d
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/apps/frontend/src/components/canvas/NoteNode.tsx b/apps/frontend/src/components/canvas/NoteNode.tsx
@@ -59,8 +59,8 @@ export function NoteNode({ data }: NodeProps<NoteNodeType>) {
         position={Position.Bottom}
         isConnectable={true}
       />
-      <div className="flex h-full w-full flex-col items-center">
-        <div className="flex w-full min-w-0 flex-1 flex-row justify-start gap-1">
+      <div className="flex h-full w-full flex-col justify-between">
+        <div className="flex w-full min-w-0 flex-row items-center justify-start gap-1">
           {data.emoji ? (
             <Emoji emoji={data.emoji} />
           ) : (
@@ -73,7 +73,7 @@ export function NoteNode({ data }: NodeProps<NoteNodeType>) {
           <div className="w-full truncate">{data.title}</div>
         </div>
         <ActiveUser
-          className="justify-end self-end"
+          className="self-end"
           users={activeUsers.filter(
             (user) => user.currentPageId === data.id.toString(),
           )}