1
0
Fork 0
wow-raid-bingo/resources/views/components/modal.blade.php
2021-10-18 11:56:52 +02:00

22 lines
540 B
PHP

@props(['opacity' => '75'])
@php
switch($opacity) {
case 'light':
$opacity = "opacity-25";
break;
case 'medium':
$opacity = "opacity-50";
break;
case 'full':
default:
$opacity = "opacity-75";
}
@endphp
<div {{ $attributes->merge(['class' => 'fixed top-0 left-0 w-screen h-screen flex justify-center items-center z-50']) }}>
<div class="absolute h-full w-full bg-black {{ $opacity }}"></div>
<div class="relative p-12 bg-white rounded flex flex-col justify-center z-9999">
{{ $slot }}
</div>
</div>