From 26cad39857214b8c8a6d3657d754527fa348609c Mon Sep 17 00:00:00 2001
From: ttipo <kysung114y@gmail.com>
Date: Wed, 1 Jul 2026 00:49:05 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EB=93=9C=EB=9D=BC=EC=9D=B4?=
 =?UTF-8?q?=EB=B8=8C=20=EA=B2=BD=EB=A1=9C=20=ED=91=9C=EA=B8=B0=EB=A5=BC=20?=
 =?UTF-8?q?=EC=A0=84=EC=97=AD=20.crumb=20=EC=8B=9C=EC=8A=A4=ED=85=9C?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=ED=86=B5=EC=9D=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

드라이브 브레드크럼이 커스텀 .dr-crumb/.dr-sep(› 구분자)로 따로
구현돼 프로젝트 화면(.crumb/.lnk/.sep, / 구분자)과 달랐던 것을
전역 시스템으로 맞춘다. 루트 링크도 goRoot 핸들러 대신 RouterLink 로 통일.

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

diff --git a/frontend/src/pages/relay/DrivePage.vue b/frontend/src/pages/relay/DrivePage.vue
index 85820db..c2fc134 100644
--- a/frontend/src/pages/relay/DrivePage.vue
+++ b/frontend/src/pages/relay/DrivePage.vue
@@ -83,9 +83,6 @@ const modalProps = computed(() => {
 function openFolder(f: DriveFolder): void {
   router.push(`/drive/${f.id}`)
 }
-function goRoot(): void {
-  router.push('/drive')
-}
 
 // --- 모달 열기 ---
 function openCreateFolder(): void {
@@ -200,24 +197,27 @@ function openActivity(): void {
       @dragleave.prevent="onDragLeave"
       @drop.prevent="onDrop"
     >
-      <!-- 브레드크럼 -->
-      <nav class="crumb dr-crumb">
+      <!-- 브레드크럼 — 전역 .crumb/.lnk/.sep 시스템(프로젝트 화면과 동일) -->
+      <nav class="crumb">
         <template v-if="breadcrumb.length === 0">
           <b>드라이브</b>
         </template>
         <template v-else>
-          <a
-            href="#"
-            @click.prevent="goRoot"
-          >드라이브</a>
+          <RouterLink
+            to="/drive"
+            class="lnk"
+          >
+            드라이브
+          </RouterLink>
           <template
             v-for="(c, i) in breadcrumb"
             :key="c.id"
           >
-            <span class="dr-sep">›</span>
+            <span class="sep">/</span>
             <RouterLink
               v-if="i < breadcrumb.length - 1"
               :to="`/drive/${c.id}`"
+              class="lnk"
             >
               {{ c.name }}
             </RouterLink>
@@ -578,21 +578,6 @@ function openActivity(): void {
 </template>
 
 <style scoped>
-/* 브레드크럼 링크 */
-.dr-crumb a,
-.dr-crumb :deep(a) {
-  color: var(--text-2);
-  text-decoration: none;
-  cursor: pointer;
-}
-.dr-crumb a:hover,
-.dr-crumb :deep(a:hover) {
-  color: var(--accent);
-}
-.dr-sep {
-  opacity: 0.5;
-}
-
 /* 페이지 헤더 — 다른 목록 페이지(ProjectListPage)와 동일 스페이싱 */
 .pagehead {
   display: flex;