From 647336b14def61ad9b48c1b03cbc45fe6a9e3d52 Mon Sep 17 00:00:00 2001
From: ttipo <kysung114y@gmail.com>
Date: Sun, 21 Jun 2026 01:12:15 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EC=A0=80=EC=9E=A5=EC=86=8C=20?=
 =?UTF-8?q?=ED=83=AD=20=EA=B0=80=EC=9D=B4=EB=93=9C=20=EB=AC=B8=EA=B5=AC?=
 =?UTF-8?q?=EB=A5=BC=20=EB=A9=A4=EB=B2=84=20=ED=83=AD=EA=B3=BC=20=EB=8F=99?=
 =?UTF-8?q?=EC=9D=BC=ED=95=9C=20=ED=98=95=EC=8B=9D(tab-note)=EC=9C=BC?=
 =?UTF-8?q?=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

기존 .lede 단락 → 멤버 탭의 안내(정보 아이콘 + 작은 회색 텍스트) 형식으로 통일

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 frontend/src/pages/relay/ProjectReposPage.vue | 40 ++++++++++++++-----
 1 file changed, 31 insertions(+), 9 deletions(-)

diff --git a/frontend/src/pages/relay/ProjectReposPage.vue b/frontend/src/pages/relay/ProjectReposPage.vue
index f433d44..4d79503 100644
--- a/frontend/src/pages/relay/ProjectReposPage.vue
+++ b/frontend/src/pages/relay/ProjectReposPage.vue
@@ -197,10 +197,23 @@ async function unlinkRepo(repo: ApiRepo) {
 
       <!-- 안내 + 연동 버튼 -->
       <div class="repos-head">
-        <p class="lede">
-          이 프로젝트에 코드 저장소를 연동하면 업무를 코드 변경과 연결해 관리할 수 있습니다.
-          한 프로젝트에 여러 저장소를 연동할 수 있습니다.
-        </p>
+        <div class="tab-note">
+          <svg
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <circle
+              cx="12"
+              cy="12"
+              r="10"
+            /><path d="M12 16v-4M12 8h.01" />
+          </svg>
+          이 프로젝트에 코드 저장소를 연동하면 업무를 코드 변경과 연결해 관리할 수 있습니다. 한 프로젝트에 여러 저장소를 연동할 수 있습니다.
+        </div>
         <button
           v-if="canManage && !showForm"
           class="btn primary"
@@ -451,15 +464,24 @@ async function unlinkRepo(repo: ApiRepo) {
 }
 .repos-head {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   gap: 1rem;
   margin: 1.125rem 0 1rem;
 }
-.lede {
+/* 멤버 탭 가이드(.tab-note)와 동일한 형식 */
+.tab-note {
   flex: 1;
-  color: var(--text-2);
-  font-size: 0.844rem;
-  line-height: 1.6;
+  font-size: 0.781rem;
+  color: var(--text-3);
+  display: flex;
+  align-items: center;
+  gap: 0.4375rem;
+}
+.tab-note svg {
+  width: 0.875rem;
+  height: 0.875rem;
+  color: var(--text-3);
+  flex-shrink: 0;
 }
 .btn {
   height: 2.25rem;