Enhance server patching UI in patches.blade.php

- Update layout to improve user experience with a more structured design.
- Add experimental label and helper text for clarity on package manager support.
- Change button text to "Check Now" for better action indication.
- Introduce automatic server update messaging.
This commit is contained in:
Andras Bacsai
2025-05-16 12:41:34 +02:00
parent 0409e9184c
commit 525072c733

View File

@@ -14,15 +14,16 @@
<x-server.sidebar-security :server="$server" :parameters="$parameters" /> <x-server.sidebar-security :server="$server" :parameters="$parameters" />
<form wire:submit='submit' class="w-full"> <form wire:submit='submit' class="w-full">
<div> <div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2 flex-row">
<h2>Server Patching</h2> <h2>Server Patching</h2>
<x-forms.button type="button" wire:click="$dispatch('checkForUpdatesDispatch')">Manually <span class="text-xs text-neutral-500">(experimental)</span>
Check</x-forms.button> <x-helper
</div> helper="Only available for apt, dnf and zypper package managers atm, more coming
<div>Check if your server has updates available.</div> soon. <br/> Also scheduled patching and notifications are coming soon..." />
<div class="text-xs pt-1">(only available for apt, dnf and zypper package managers atm, more coming <x-forms.button type="button" wire:click="$dispatch('checkForUpdatesDispatch')">
soon as well as more features...) Check Now</x-forms.button>
</div> </div>
<div>Update your servers automatically.</div>
<div> <div>
<div class="flex flex-col gap-6 pt-4"> <div class="flex flex-col gap-6 pt-4">
<div class="flex flex-col"> <div class="flex flex-col">