mirror of
https://github.com/sp-tarkov/forge.git
synced 2025-02-13 04:30:41 -05:00
Refringe
3068712f12
Mostly finished with the profile and navigation work. Buttons elsewhere on the site still need to be restyled. Search needs to be redone with the recent navigation bar changes.
44 lines
1.8 KiB
PHP
44 lines
1.8 KiB
PHP
@props(['id', 'maxWidth'])
|
|
|
|
@php
|
|
$id = $id ?? md5($attributes->wire('model'));
|
|
|
|
$maxWidth = [
|
|
'sm' => 'sm:max-w-sm',
|
|
'md' => 'sm:max-w-md',
|
|
'lg' => 'sm:max-w-lg',
|
|
'xl' => 'sm:max-w-xl',
|
|
'2xl' => 'sm:max-w-2xl',
|
|
][$maxWidth ?? '2xl'];
|
|
@endphp
|
|
|
|
<div
|
|
x-data="{ show: @entangle($attributes->wire('model')) }"
|
|
x-on:close.stop="show = false"
|
|
x-on:keydown.escape.window="show = false"
|
|
x-show="show"
|
|
id="{{ $id }}"
|
|
class="jetstream-modal fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50"
|
|
style="display: none;"
|
|
>
|
|
<div x-show="show" class="fixed inset-0 transform transition-all" x-on:click="show = false" x-transition:enter="ease-out duration-300"
|
|
x-transition:enter-start="opacity-0"
|
|
x-transition:enter-end="opacity-100"
|
|
x-transition:leave="ease-in duration-200"
|
|
x-transition:leave-start="opacity-100"
|
|
x-transition:leave-end="opacity-0">
|
|
<div class="absolute inset-0 bg-gray-500 opacity-75"></div>
|
|
</div>
|
|
|
|
<div x-show="show" class="mb-6 bg-white dark:bg-gray-900 rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full {{ $maxWidth }} sm:mx-auto"
|
|
x-trap.inert.noscroll="show"
|
|
x-transition:enter="ease-out duration-300"
|
|
x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
|
|
x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
|
|
x-transition:leave="ease-in duration-200"
|
|
x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
|
|
x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">
|
|
{{ $slot }}
|
|
</div>
|
|
</div>
|