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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user