Version 1.8.1 — die Update-Knoepfe sind am Telefon eine Leiste, keine Streuung
flex-wrap allein liess die zwei Knoepfe in ihrer natuerlichen Breite unter dem Text stehen: zwei ungleich breite Kaesten, linksbuendig, die aussahen wie verrutscht statt wie eine Gruppe. Am Telefon jetzt volle Breite und gestapelt — eine erkennbare Handlungsleiste. Ab sm stehen sie wie bisher nebeneinander, dort ist Platz. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>feat/versandtakt v1.8.1
parent
e8b51f3c70
commit
d9280dae1e
|
|
@ -149,21 +149,26 @@
|
|||
werden, also lief die Zeile über den Rand hinaus. Auf
|
||||
breiten Schirmen bleibt alles wie bisher — dort ist Platz,
|
||||
und dort soll die Gruppe auch nicht schrumpfen. --}}
|
||||
<div class="flex flex-wrap items-center gap-2 sm:shrink-0">
|
||||
{{-- Am Telefon eine Handlungsleiste, auf breiten Schirmen zwei Knoepfe
|
||||
nebeneinander. `flex-wrap` allein liess sie in ihrer
|
||||
natuerlichen Breite unter dem Text stehen — zwei
|
||||
ungleich breite Kaesten, linksbuendig, die aussahen wie
|
||||
verrutscht statt wie eine Gruppe. --}}
|
||||
<div class="flex w-full flex-wrap items-center gap-2 sm:w-auto sm:shrink-0">
|
||||
@if ($update['running'])
|
||||
<x-ui.button variant="secondary" :disabled="true">
|
||||
<x-ui.button class="w-full sm:w-auto" variant="secondary" :disabled="true">
|
||||
<x-ui.icon name="refresh" class="size-4 animate-spin" />
|
||||
{{ __('admin_settings.update_running') }}
|
||||
</x-ui.button>
|
||||
@elseif (! $update['agent_seen'])
|
||||
<x-ui.button variant="secondary" :disabled="true">{{ __('admin_settings.update_unknown') }}</x-ui.button>
|
||||
<x-ui.button class="w-full sm:w-auto" variant="secondary" :disabled="true">{{ __('admin_settings.update_unknown') }}</x-ui.button>
|
||||
@else
|
||||
<x-ui.button variant="secondary" :disabled="$update['checking']"
|
||||
<x-ui.button class="w-full sm:w-auto" variant="secondary" :disabled="$update['checking']"
|
||||
wire:click="requestCheck" wire:loading.attr="disabled" wire:target="requestCheck">
|
||||
<x-ui.icon name="refresh" class="size-4 {{ $update['checking'] ? 'animate-spin' : '' }}" />
|
||||
{{ $update['checking'] ? __('admin_settings.update_checking') : __('admin_settings.update_check') }}
|
||||
</x-ui.button>
|
||||
<x-ui.button variant="primary" :disabled="$update['checking'] || ! $update['available']"
|
||||
<x-ui.button class="w-full sm:w-auto" variant="primary" :disabled="$update['checking'] || ! $update['available']"
|
||||
wire:click="requestUpdate" wire:loading.attr="disabled" wire:target="requestUpdate">
|
||||
<x-ui.icon name="download" class="size-4" />
|
||||
{{ __('admin_settings.update_now') }}
|
||||
|
|
|
|||
Loading…
Reference in New Issue