tiennm99/coolify
1
0 Fork 0
mirror of https://github.com/tiennm99/coolify.git synced 2026-10-17 10:14:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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 committed 2026-08-06 21:29:26 +02:00
1 parent 262ad8981a
commit e4fa2b6964
31 files changed
+172 -83
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

resources/views/livewire/project/application/heading.blade.php
+3 -12
View File
@@ -23,23 +23,14 @@
$applicationMenuItems,
fn (array $item): bool => $item['visible'] ?? true,
));
$applicationStatus = str($application->status ?? 'exited');
[$applicationStatusLabel, $applicationStatusType] = match (true) {
$applicationStatus->startsWith('running') => ['Running', 'success'],
$applicationStatus->startsWith('degraded') => ['Degraded', 'warning'],
$applicationStatus->startsWith('restarting'),
$applicationStatus->startsWith('starting') => ['Starting', 'warning'],
$applicationStatus->startsWith('exited') => ['Stopped', 'neutral'],
default => ['Deploying', 'warning'],
};
@endphp
<div>
<div class="mb-3 w-full xl:hidden">
<div class="flex min-w-0 flex-wrap items-center gap-2">
<h1 class="min-w-0 truncate text-[24px]! leading-7! font-semibold! tracking-tight! text-black dark:text-fg">
<div class="flex min-w-0 flex-col items-start gap-2">
<h1 class="min-w-0 max-w-full truncate text-[24px]! leading-7! font-semibold! tracking-tight! text-black dark:text-fg">
{{ $application->name }}
</h1>
<x-status-badge :status="$applicationStatusLabel" :type="$applicationStatusType" />
<x-status-summary :status="$application->status" />
</div>
</div>