Version 1.10.1 — die Aktionsleiste bricht bis zum grossen Schirm um
Auf dem Tablet lief die Zeile ueber den Rand: vier Elemente — zwei Knoepfe, das Auswahlfeld und der Festnageln-Knopf — in einem Container, der ab sm auf shrink-0 stand und damit nicht mehr schrumpfen durfte. Das war mein eigener Fix von vorhin. sm greift schon bei 640 px, ein Tablet hat 768 — genau dazwischen sass der Fehler. Jetzt wird die Leiste erst ab lg starr. Bis dahin bleibt sie volle Breite und umbricht, was auf Telefon UND Tablet richtig ist. Das Auswahlfeld bekommt zusaetzlich eine Obergrenze, damit eine lange Versionsliste die Zeile nicht aufblaeht, und dieselbe Hoehe wie die Knoepfe daneben. 150 Layout-Tests gruen.main v1.10.1
parent
8c1985d924
commit
15230a01fa
|
|
@ -154,21 +154,21 @@
|
|||
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">
|
||||
<div class="flex w-full flex-wrap items-center gap-2 lg:w-auto lg:shrink-0">
|
||||
@if ($update['running'])
|
||||
<x-ui.button class="w-full sm:w-auto" variant="secondary" :disabled="true">
|
||||
<x-ui.button class="w-full lg: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 class="w-full sm:w-auto" variant="secondary" :disabled="true">{{ __('admin_settings.update_unknown') }}</x-ui.button>
|
||||
<x-ui.button class="w-full lg:w-auto" variant="secondary" :disabled="true">{{ __('admin_settings.update_unknown') }}</x-ui.button>
|
||||
@else
|
||||
<x-ui.button class="w-full sm:w-auto" variant="secondary" :disabled="$update['checking']"
|
||||
<x-ui.button class="w-full lg: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 class="w-full sm:w-auto" variant="primary" :disabled="$update['checking'] || ! $update['available']"
|
||||
<x-ui.button class="w-full lg: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') }}
|
||||
|
|
@ -184,14 +184,14 @@
|
|||
welche Fassung dieser Server je bekommt. --}}
|
||||
@if ($update['releases'])
|
||||
<select wire:model="ceilingChoice"
|
||||
class="min-h-10 w-full rounded border border-line bg-surface px-3 text-sm text-ink sm:w-auto">
|
||||
class="min-h-10 w-full rounded border border-line bg-surface px-3 text-sm text-ink lg:w-auto lg:max-w-56">
|
||||
<option value="">{{ __('admin_settings.release_pin_none') }}</option>
|
||||
@foreach ($update['releases'] as $tag)
|
||||
<option value="{{ $tag }}">{{ ltrim($tag, 'v') }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
|
||||
<x-ui.button class="w-full sm:w-auto" variant="secondary"
|
||||
<x-ui.button class="w-full lg:w-auto" variant="secondary"
|
||||
x-on:click="$dispatch('openModal', { component: 'admin.confirm-pin-release', arguments: { version: $wire.ceilingChoice } })"
|
||||
x-bind:disabled="! $wire.ceilingChoice">
|
||||
<x-ui.icon name="lock" class="size-4" />
|
||||
|
|
|
|||
Loading…
Reference in New Issue