boban
/
mailwolt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix: Update-Modal ohne Slider und Ping-Dots, Spinner im Header

main v1.1.407
boban 2026-04-27 03:18:22 +02:00
parent 32cf27bcd2
commit f756789cc4
1 changed files with 4 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
resources/views/livewire/ui/system/modal/update-modal.blade.php
View File

@ -2,16 +2,13 @@
{{-- Header --}} {{-- Header --}}
<div class="flex items-center gap-3 mb-4"> <div class="flex items-center gap-3 mb-4">
<div class="relative shrink-0 flex items-center justify-center w-10 h-10 rounded-xl" <div class="shrink-0 flex items-center justify-center w-10 h-10 rounded-xl"
style="background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:0 0 16px rgba(99,102,241,.35)"> style="background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:0 0 16px rgba(99,102,241,.35)">
<svg viewBox="0 0 28 28" width="18" height="18" fill="none"> <svg viewBox="0 0 28 28" width="18" height="18" fill="none">
<path d="M5 19 C5 19 8 10 15 9 C19 8 23 11 24 15" stroke="white" stroke-width="2.5" stroke-linecap="round"/> <path d="M5 19 C5 19 8 10 15 9 C19 8 23 11 24 15" stroke="white" stroke-width="2.5" stroke-linecap="round"/>
<path d="M5 19 C6.5 22 9 23.5 12 23.5 C15 23.5 18 22 19.5 19" stroke="white" stroke-width="2.5" stroke-linecap="round"/> <path d="M5 19 C6.5 22 9 23.5 12 23.5 C15 23.5 18 22 19.5 19" stroke="white" stroke-width="2.5" stroke-linecap="round"/>
<circle cx="19" cy="8" r="2" fill="white"/> <circle cx="19" cy="8" r="2" fill="white"/>
</svg> </svg>
@if($state !== 'done')
<div class="absolute inset-0 rounded-xl border-2 border-indigo-400/50 animate-ping" style="animation-duration:1.8s"></div>
@endif
</div> </div>
<div class="flex-1 min-w-0"> <div class="flex-1 min-w-0">
<div class="text-[13px] font-semibold text-white/90"> <div class="text-[13px] font-semibold text-white/90">
@ -27,20 +24,13 @@
{{ $line ?: 'Warte auf Ausgabe …' }} {{ $line ?: 'Warte auf Ausgabe …' }}
</div> </div>
</div> </div>
</div> @if($state !== 'done')
<div class="shrink-0 w-5 h-5 rounded-full border-2 border-indigo-400/30 border-t-indigo-400 animate-spin"></div>
{{-- Progress Bar --}}
<div class="h-1 rounded-full overflow-hidden mb-4 bg-white/10">
@if($state === 'done')
<div class="h-full rounded-full w-full {{ $rc === 0 ? 'bg-emerald-400/70' : 'bg-rose-400/70' }}"></div>
@else
<div class="h-full rounded-full bg-indigo-400/70 animate-[mwprogress_1.4s_ease-in-out_infinite]" style="width:40%"></div>
@endif @endif
</div> </div>
<style>@keyframes mwprogress { 0% { transform:translateX(-150%) } 100% { transform:translateX(350%) } }</style>
{{-- Log --}} {{-- Log --}}
<div class="rounded-lg text-[11px] font-mono leading-relaxed overflow-auto max-h-56 p-3 mb-4" <div class="rounded-lg text-[11px] font-mono leading-relaxed overflow-auto max-h-72 p-3 mb-4"
style="background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.55)"> style="background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.55)">
@forelse($tail as $l) @forelse($tail as $l)
<div>{{ $l }}</div> <div>{{ $l }}</div>