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
|
werden, also lief die Zeile über den Rand hinaus. Auf
|
||||||
breiten Schirmen bleibt alles wie bisher — dort ist Platz,
|
breiten Schirmen bleibt alles wie bisher — dort ist Platz,
|
||||||
und dort soll die Gruppe auch nicht schrumpfen. --}}
|
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'])
|
@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" />
|
<x-ui.icon name="refresh" class="size-4 animate-spin" />
|
||||||
{{ __('admin_settings.update_running') }}
|
{{ __('admin_settings.update_running') }}
|
||||||
</x-ui.button>
|
</x-ui.button>
|
||||||
@elseif (! $update['agent_seen'])
|
@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
|
@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">
|
wire:click="requestCheck" wire:loading.attr="disabled" wire:target="requestCheck">
|
||||||
<x-ui.icon name="refresh" class="size-4 {{ $update['checking'] ? 'animate-spin' : '' }}" />
|
<x-ui.icon name="refresh" class="size-4 {{ $update['checking'] ? 'animate-spin' : '' }}" />
|
||||||
{{ $update['checking'] ? __('admin_settings.update_checking') : __('admin_settings.update_check') }}
|
{{ $update['checking'] ? __('admin_settings.update_checking') : __('admin_settings.update_check') }}
|
||||||
</x-ui.button>
|
</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">
|
wire:click="requestUpdate" wire:loading.attr="disabled" wire:target="requestUpdate">
|
||||||
<x-ui.icon name="download" class="size-4" />
|
<x-ui.icon name="download" class="size-4" />
|
||||||
{{ __('admin_settings.update_now') }}
|
{{ __('admin_settings.update_now') }}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue