From f01ae77ecf005be10deb5b00f7aad6a9cf2239c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=95=88=EC=84=B1=EC=A7=84?=
 <anseongjin@anseongjin-ui-MacBookPro.local>
Date: Thu, 23 Jul 2026 16:40:35 +0900
Subject: [PATCH] =?UTF-8?q?design:=EC=9E=90=EB=A3=8C=20=EC=88=98=EC=A0=95?=
 =?UTF-8?q?=EA=B3=BC=20=EA=B7=BC=EB=AC=B4=EC=9E=90=20UI=20=EA=B0=9C?=
 =?UTF-8?q?=EC=84=A0(#93)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ui/ResourceEditDialog.tsx                 | 52 +++++++++++--------
 .../ui/WorkScheduleBoard.tsx                  |  4 +-
 2 files changed, 32 insertions(+), 24 deletions(-)

diff --git a/src/features/manage-resources/ui/ResourceEditDialog.tsx b/src/features/manage-resources/ui/ResourceEditDialog.tsx
index b63a426..4a06e98 100644
--- a/src/features/manage-resources/ui/ResourceEditDialog.tsx
+++ b/src/features/manage-resources/ui/ResourceEditDialog.tsx
@@ -37,33 +37,41 @@ export function ResourceEditDialog({
 
         <div className="mt-5 space-y-3">
           {resource.resourceType === 'link' ? (
-            <input
-              aria-label="자료 링크 URL"
-              value={url}
-              onChange={(event) => setUrl(event.target.value)}
-              placeholder="https://example.com"
-              className="h-11 w-full rounded-xl bg-slate-100 px-4 text-sm font-medium text-slate-800 outline-none placeholder:text-slate-400 focus:ring-2 focus:ring-indigo-300"
-            />
+            <label className="grid gap-1.5 text-sm font-semibold text-slate-700">
+              URL
+              <input
+                value={url}
+                onChange={(event) => setUrl(event.target.value)}
+                placeholder="https://example.com"
+                className="h-11 w-full rounded-xl bg-slate-100 px-4 text-sm font-medium text-slate-800 outline-none placeholder:text-slate-400 focus:ring-2 focus:ring-indigo-300"
+              />
+            </label>
           ) : (
             <p className="rounded-xl bg-slate-100 px-4 py-3 text-sm font-medium text-slate-500">
               파일 교체는 지원하지 않습니다. 제목과 설명만 수정할 수 있습니다.
             </p>
           )}
-          <input
-            aria-label="자료 제목"
-            value={title}
-            onChange={(event) => setTitle(event.target.value)}
-            placeholder="자료 제목"
-            className="h-11 w-full rounded-xl bg-slate-100 px-4 text-sm font-medium text-slate-800 outline-none placeholder:text-slate-400 focus:ring-2 focus:ring-indigo-300"
-          />
-          <textarea
-            aria-label="자료 설명"
-            value={description}
-            onChange={(event) => setDescription(event.target.value)}
-            placeholder="설명 (선택)"
-            rows={3}
-            className="min-h-16 w-full resize-none rounded-xl bg-slate-100 px-4 py-3 text-sm font-medium text-slate-800 outline-none placeholder:text-slate-400 focus:ring-2 focus:ring-indigo-300"
-          />
+          <label className="grid gap-1.5 text-sm font-semibold text-slate-700">
+            제목
+            <input
+              value={title}
+              onChange={(event) => setTitle(event.target.value)}
+              placeholder="자료 제목"
+              className="h-11 w-full rounded-xl bg-slate-100 px-4 text-sm font-medium text-slate-800 outline-none placeholder:text-slate-400 focus:ring-2 focus:ring-indigo-300"
+            />
+          </label>
+          <label className="grid gap-1.5 text-sm font-semibold text-slate-700">
+            <span>
+              설명 <span className="font-normal text-slate-400">(선택)</span>
+            </span>
+            <textarea
+              value={description}
+              onChange={(event) => setDescription(event.target.value)}
+              placeholder="자료에 대한 설명을 입력하세요."
+              rows={3}
+              className="min-h-16 w-full resize-none rounded-xl bg-slate-100 px-4 py-3 text-sm font-medium text-slate-800 outline-none placeholder:text-slate-400 focus:ring-2 focus:ring-indigo-300"
+            />
+          </label>
         </div>
 
         <div className="mt-5 flex justify-end gap-2">
diff --git a/src/features/manage-work-schedule/ui/WorkScheduleBoard.tsx b/src/features/manage-work-schedule/ui/WorkScheduleBoard.tsx
index 4604537..77c4d6e 100644
--- a/src/features/manage-work-schedule/ui/WorkScheduleBoard.tsx
+++ b/src/features/manage-work-schedule/ui/WorkScheduleBoard.tsx
@@ -284,12 +284,12 @@ export function WorkScheduleBoard({
           return (
             <article key={weekday.key} className="rounded-2xl border border-slate-200 bg-white p-5">
               <h2 className="text-sm font-bold text-slate-700">{weekday.label} 근무자</h2>
-              <div className="mt-3 flex gap-2">
+              <div className="mt-3 flex flex-wrap gap-2">
                 {workMembers.map((member) => (
                   <span
                     key={member.userId}
                     style={{ backgroundColor: getAvatarColor(member.userId) }}
-                    className="flex h-8 w-8 items-center justify-center rounded-full text-xs font-bold text-white"
+                    className="flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-xs font-bold text-white"
                   >
                     {member.avatarLabel}
                   </span>