Update modal input behavior and limit-reached layout

This commit is contained in:
Andras Bacsai
2024-03-22 17:02:09 +01:00
parent 54834891fb
commit 04c92ec4bd
7 changed files with 65 additions and 94 deletions

View File

@@ -1,4 +1,4 @@
<div class="flex flex-col items-center justify-center h-screen">
<div class="flex flex-col items-center justify-center h-32">
<span class="text-xl font-bold text-white">You have reached the limit of {{ $name }} you can create.</span>
<span>Please <a class="text-white underline "href="{{ route('subscription.show') }}">upgrade your
subscription</a> to create more

View File

@@ -6,7 +6,7 @@
'action' => 'delete',
'content' => null,
])
<div x-data="{ modalOpen: false }" :class="{ 'z-40': modalOpen }" class="relative w-auto h-auto">
<div x-data="{ modalOpen: false }" :class="{ 'z-40': modalOpen }" @keydown.window.escape="modalOpen=false" class="relative w-auto h-auto">
@if ($content)
<div @click="modalOpen=true">
{{ $content }}