refactor(operator): drop redundant profile card from sidebar foot
The .me-wrap block in OpSidebar was an inert button — no click handler, no menu — and duplicated the avatar already shown in the topbar. Remove it so there's a single place to render the user (topbar), making room for the avatar dropdown that's landing next.
This commit is contained in:
@@ -15,7 +15,6 @@ defineProps<{ current: string }>()
|
|||||||
const emit = defineEmits<{ navigate: [string] }>()
|
const emit = defineEmits<{ navigate: [string] }>()
|
||||||
|
|
||||||
const { collapsed, toggle } = useSidebar()
|
const { collapsed, toggle } = useSidebar()
|
||||||
const { user } = useOidcAuth()
|
|
||||||
|
|
||||||
// Layout mirrors operator-app.jsx OP_NAV.
|
// Layout mirrors operator-app.jsx OP_NAV.
|
||||||
const NAV: NavRow[] = [
|
const NAV: NavRow[] = [
|
||||||
@@ -77,16 +76,6 @@ const isSection = (r: NavRow): r is NavSection => 'sec' in r
|
|||||||
<UiIcon :name="collapsed ? 'chevRight' : 'chevLeft'" :size="12" />
|
<UiIcon :name="collapsed ? 'chevRight' : 'chevLeft'" :size="12" />
|
||||||
<span v-if="!collapsed">collapse · ⌘[</span>
|
<span v-if="!collapsed">collapse · ⌘[</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="me-wrap">
|
|
||||||
<button class="me">
|
|
||||||
<Avatar :name="user?.userInfo?.name || user?.userName || '?'" :size="24" />
|
|
||||||
<div v-if="!collapsed" class="me-meta">
|
|
||||||
<div class="me-name">{{ user?.userInfo?.name || user?.userName }}</div>
|
|
||||||
<div class="me-role">PLATFORM ADMIN</div>
|
|
||||||
</div>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</aside>
|
</aside>
|
||||||
</template>
|
</template>
|
||||||
@@ -209,28 +198,4 @@ nav { flex: 1; padding: 8px 6px; overflow-y: auto; }
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.sidebar.collapsed .toggle { justify-content: center; padding: 10px 0; }
|
.sidebar.collapsed .toggle { justify-content: center; padding: 10px 0; }
|
||||||
|
|
||||||
.me-wrap { padding: 8px 12px 12px 12px; }
|
|
||||||
.sidebar.collapsed .me-wrap { padding: 8px 0; }
|
|
||||||
|
|
||||||
.me {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
width: 100%;
|
|
||||||
padding: 6px;
|
|
||||||
background: transparent;
|
|
||||||
border: none;
|
|
||||||
border-radius: 5px;
|
|
||||||
color: var(--side-dim);
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: 12px;
|
|
||||||
cursor: pointer;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
.sidebar.collapsed .me { padding: 0; justify-content: center; }
|
|
||||||
|
|
||||||
.me-meta { flex: 1; min-width: 0; }
|
|
||||||
.me-name { font-size: 11px; color: var(--side-text); font-weight: 500; }
|
|
||||||
.me-role { font-size: 9px; color: var(--side-mute); font-family: var(--font-mono); margin-top: 1px; letter-spacing: 0.04em; }
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user