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:
Andras Bacsai
2026-08-05 20:28:20 +02:00
parent ec165412c3
commit cd62012ff8
4 changed files with 15 additions and 4 deletions
@@ -30,3 +30,13 @@ it('collapses server subsystem badges into one status summary', function () {
->toContain('<button')
->toContain("merge(['type' => 'button'])");
});
it('uses the branded input focus state for the server filter', function () {
$navbarView = file_get_contents(resource_path('views/livewire/server/navbar.blade.php'));
expect($navbarView)
->toContain('placeholder="Filter servers…"')
->toContain('class="input h-7!')
->toContain('<x-reicon name="check-circle"')
->not->toContain('<x-reicon name="check"');
});