diff options
Diffstat (limited to 'frontend/src/pages/ProjectPage.svelte')
| -rw-r--r-- | frontend/src/pages/ProjectPage.svelte | 35 |
1 files changed, 4 insertions, 31 deletions
diff --git a/frontend/src/pages/ProjectPage.svelte b/frontend/src/pages/ProjectPage.svelte index fe9be7f..61db874 100644 --- a/frontend/src/pages/ProjectPage.svelte +++ b/frontend/src/pages/ProjectPage.svelte @@ -24,12 +24,12 @@ }); </script> -<nav class="crumbs" aria-label="面包屑"> - <a href="#/projects">我的项目</a> +<nav class="flex items-center gap-1.5 py-1 pb-2 text-sm text-muted-foreground min-w-0" aria-label="面包屑"> + <a class="text-muted-foreground hover:text-primary hover:no-underline" href="#/projects">我的项目</a> <span aria-hidden="true">/</span> - <span class="crumb-name">{projectName}</span> + <span class="font-semibold text-foreground truncate max-w-[45vw]">{projectName}</span> <span aria-hidden="true">/</span> - <span class="crumb-tab">{tabLabel}</span> + <span>{tabLabel}</span> </nav> <!-- Layout is provided once by App.svelte; wrapping here produced the doubled sidebar bug. --> @@ -42,30 +42,3 @@ {:else if route.name === 'project-results'} <ProjectResultsTab projectId={route.params.id} runId={route.query.get('run') ?? undefined} /> {/if} - -<style> - /* 极简面包屑（桌面 + 移动端顶部共用） */ - .crumbs { - display: flex; - align-items: center; - gap: 0.45rem; - padding: 0.35rem 0 0.7rem; - font-size: 0.82rem; - color: var(--text-3); - min-width: 0; - } - .crumbs a { - color: var(--text-3); - transition: color 150ms ease; - } - .crumbs a:hover { color: var(--primary); text-decoration: none; } - .crumb-name { - color: var(--foreground); - font-weight: 600; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - max-width: 45vw; - } - .crumb-tab { color: var(--text-2); } -</style> |