mirror of
https://github.com/tiennm99/coolify.git
synced 2026-10-14 08:18:08 +00:00
fix(ui): reverse collapsed sidebar footer and polish server filter
Use flex-col-reverse when the sidebar is collapsed, apply the shared input focus class on the server filter field, and mark the selected server with a check-circle icon. Update navbar layout tests.
This commit is contained in:
1 parent
ec165412c3
commit
cd62012ff8
4 files changed
+15
-4
No files matched your search
@@ -207,7 +207,7 @@
|
||||
</ul>
|
||||
{{-- Sticky sidebar collapser (desktop only; mobile uses a temporary slide-over) --}}
|
||||
<div class="sticky bottom-0 mt-auto -mx-2 hidden items-center gap-1 border-t border-neutral-200 bg-white px-2 py-2 dark:border-white/[0.06] dark:bg-panel lg:-mx-3 lg:flex lg:px-3"
|
||||
:class="collapsed ? 'flex-col justify-center' : 'justify-between'">
|
||||
:class="collapsed ? 'flex-col-reverse justify-center' : 'justify-between'">
|
||||
<x-top-user-menu sidebar />
|
||||
<button type="button" @click="toggleSidebar()" title="Toggle sidebar" aria-label="Toggle sidebar"
|
||||
class="menu-item w-8 shrink-0 justify-center px-0">
|
||||
|
||||
Reference in new issue
Block a user