feat(ui): dock resource actions in top bar, user menu in sidebar

Teleport application/database/service heading actions into a fixed
#resource-action-hud-slot so they no longer overlay page content.
Render the account menu in the sidebar footer (with collapse-aware
layout) instead of the header, and drop the project card hover arrow.
This commit is contained in:
Andras Bacsai committed 2026-08-05 20:17:21 +02:00
1 parent 85613b01ba
commit ec165412c3
12 files changed
+115 -34

No files matched your search

+3 -3
View File
@@ -56,8 +56,8 @@
<div class="flex-1"></div>
{{-- Dev Server-Timing HUD docks here (local only; empty in production) --}}
<div id="server-timing-hud-slot" data-server-timing-hud-slot class="hidden shrink-0 items-center"></div>
{{-- Right cluster --}}
<x-top-user-menu />
{{-- Resource actions dock here on desktop. --}}
<div id="resource-action-hud-slot" class="hidden shrink-0 items-center xl:flex"></div>
</div>
</header>
@@ -85,7 +85,7 @@
{{-- ============ DESKTOP SIDEBAR (below top bar) ============ --}}
<div class="hidden lg:fixed lg:top-12 lg:bottom-0 lg:left-0 lg:z-40 lg:flex lg:flex-col min-w-0"
:class="[collapsed ? 'lg:w-16' : 'lg:w-56', sidebarReady ? 'transition-[width] duration-200' : '']">
<div class="flex flex-col overflow-y-auto grow scrollbar min-w-0">
<div class="flex grow min-w-0 flex-col overflow-visible">
<x-navbar />
</div>
</div>