From 1222dceb9d75d12b583291faf34ee0209a63452d Mon Sep 17 00:00:00 2001
From: lukibeg <lucas.santoscv25@gmail.com>
Date: Mon, 8 Dec 2025 19:30:13 -0300
Subject: [PATCH] feat: Facilidades de uso. ESC para fechar modais.

---
 resources/views/livewire/admin/show-users.blade.php      | 3 ++-
 .../views/livewire/admin/users/create-user.blade.php     | 9 ++++++---
 resources/views/livewire/admin/users/edit-user.blade.php | 3 ++-
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/resources/views/livewire/admin/show-users.blade.php b/resources/views/livewire/admin/show-users.blade.php
index 467fb74..595f498 100644
--- a/resources/views/livewire/admin/show-users.blade.php
+++ b/resources/views/livewire/admin/show-users.blade.php
@@ -4,7 +4,8 @@
         <div x-on:click.outside="showUsers = false" x-show="showUsers" x-transition:enter="transition-enter"
             x-transition:enter-start="transition-enter-start" x-transition:enter-end="transition-enter-end"
             x-transition:leave="transition-leave" x-transition:leave-start="transition-leave-start"
-            x-transition:leave-end="transition-leave-end" class="modal-container w-full max-w-2xl">
+            x-transition:leave-end="transition-leave-end" x-on:keydown.escape.window="showUsers = false"
+            class="modal-container w-full max-w-2xl">
             <h3 class="modal-title">Usuários Cadastrados no Nexus</h3>
 
             <div class="user-list-content">
diff --git a/resources/views/livewire/admin/users/create-user.blade.php b/resources/views/livewire/admin/users/create-user.blade.php
index 64736d1..3fbedff 100644
--- a/resources/views/livewire/admin/users/create-user.blade.php
+++ b/resources/views/livewire/admin/users/create-user.blade.php
@@ -6,7 +6,8 @@
         <div x-on:click.outside="showModal = false" x-show="showModal" x-transition:enter="transition-enter"
             x-transition:enter-start="transition-enter-start" x-transition:enter-end="transition-enter-end"
             x-transition:leave="transition-leave" x-transition:leave-start="transition-leave-start"
-            x-transition:leave-end="transition-leave-end" class="modal-container">
+            x-transition:leave-end="transition-leave-end" x-on:keydown.escape.window="showModal = false"
+            class="modal-container">
 
             <h3 class="modal-title">Novo Usuário Nexus</h3>
 
@@ -65,7 +66,8 @@
                         <div x-show="open" x-transition style="display: none;" class="select-options">
                             <div x-on:click="selected = 'user'; open = false" class="select-option"
                                 :class="{ 'selected-option': selected == 'user' }">
-                                <span class="option-label" :class="{ 'font-semibold': selected == 'user' }">Usuário</span>
+                                <span class="option-label"
+                                    :class="{ 'font-semibold': selected == 'user' }">Usuário</span>
                                 <span x-show="selected == 'user'"
                                     class="absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600">
                                     <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
@@ -79,7 +81,8 @@ class="absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600">
 
                             <div x-on:click="selected = 'admin'; open = false" class="select-option"
                                 :class="{ 'selected-option': selected == 'admin' }">
-                                <span class="option-label" :class="{ 'font-semibold': selected == 'admin' }">Admin</span>
+                                <span class="option-label"
+                                    :class="{ 'font-semibold': selected == 'admin' }">Admin</span>
                                 <span x-show="selected == 'admin'"
                                     class="absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600">
                                     <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
diff --git a/resources/views/livewire/admin/users/edit-user.blade.php b/resources/views/livewire/admin/users/edit-user.blade.php
index 7b9244a..d816a93 100644
--- a/resources/views/livewire/admin/users/edit-user.blade.php
+++ b/resources/views/livewire/admin/users/edit-user.blade.php
@@ -7,7 +7,8 @@
         <div x-on:click.outside="showModalUpdate = false" x-show="showModalUpdate" x-transition:enter="transition-enter"
             x-transition:enter-start="transition-enter-start" x-transition:enter-end="transition-enter-end"
             x-transition:leave="transition-leave" x-transition:leave-start="transition-leave-start"
-            x-transition:leave-end="transition-leave-end" class="modal-container">
+            x-transition:leave-end="transition-leave-end" x-on:keydown.escape.window="showModalUpdate = false"
+            class="modal-container">
 
             <h3 class="modal-title">Novo Usuário Nexus</h3>