refactor: 드라이브 경로 표기를 전역 .crumb 시스템으로 통일

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

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-01 00:49:05 +09:00
parent 5ee5ad6973
commit 26cad39857
+10 -25
View File
@@ -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;