mailwolt/resources/views/livewire/ui/system/modal/api-key-scopes-modal.blade.php

30 lines
1.4 KiB
PHP

<div class="mw-modal-frame">
<div class="mw-modal-head">
<div style="display:flex;align-items:center;gap:7px">
<span class="mbx-badge-mute">{{ $tokenName }}</span>
<span style="font-size:12px;color:var(--mw-t3)"> Scopes</span>
</div>
<button wire:click="$dispatch('closeModal')" class="mw-modal-close">
<svg width="13" height="13" viewBox="0 0 13 13" fill="none"><path d="M1 1l11 11M12 1L1 12" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
</button>
</div>
<div class="mw-modal-body">
<div style="display:flex;flex-direction:column;gap:5px">
@foreach($scopes as $scope)
@php $short = collect(explode(':', $scope))->map(fn($p) => $p[0])->join(':'); @endphp
<div style="display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--mw-bg4);border:1px solid var(--mw-b2);border-radius:7px">
<code style="font-family:monospace;font-size:11px;padding:1px 7px;background:var(--mw-bg3);border:1px solid var(--mw-b2);border-radius:4px;color:var(--mw-t4);flex-shrink:0">{{ $short }}</code>
<span style="font-size:11.5px;color:var(--mw-t3)">{{ $scope }}</span>
</div>
@endforeach
</div>
</div>
<div class="mw-modal-foot">
<button wire:click="$dispatch('closeModal')" class="mw-btn-cancel">Schließen</button>
</div>
</div>