fix(ui): polish mobile layouts, error pages, and volume backups

Keep error pages full-viewport, lift the unsaved bar above the
mobile keyboard, make status/heading layouts stack cleanly on small
screens, route service DB backups to volume-backups, and tighten
volume backup grid/forms. Cover with feature tests.
This commit is contained in:
Andras Bacsai
2026-08-06 21:29:26 +02:00
parent 262ad8981a
commit e4fa2b6964
31 changed files with 172 additions and 83 deletions
@@ -1,5 +1,18 @@
<?php
it('keeps the volume backup executions table horizontally scrollable on mobile', function () {
$view = file_get_contents(resource_path('views/livewire/project/shared/storages/volume-backups/executions.blade.php'));
$css = file_get_contents(resource_path('css/app.css'));
expect($view)
->toContain('volume-backup-executions-grid')
->toContain('data-table w-full overflow-x-auto')
->and($css)
->toContain('.volume-backup-executions-grid')
->toContain('min-width: 50rem;')
->not->toContain('.data-table-header.volume-backup-executions-grid');
});
use App\Livewire\Project\Service\VolumeBackup\Create as CreateServiceVolumeBackup;
use App\Livewire\Project\Shared\Storages\All;
use App\Models\Application;