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:
Ronni Baslund
2026-05-24 16:43:54 +02:00
parent 19e1a4fca3
commit 885aa65219
-35
View File
@@ -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>