feat: Facilidades de uso. ESC para fechar modais.
This commit is contained in:
parent
f2363c2353
commit
1222dceb9d
|
|
@ -4,7 +4,8 @@
|
||||||
<div x-on:click.outside="showUsers = false" x-show="showUsers" x-transition:enter="transition-enter"
|
<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: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="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>
|
<h3 class="modal-title">Usuários Cadastrados no Nexus</h3>
|
||||||
|
|
||||||
<div class="user-list-content">
|
<div class="user-list-content">
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,8 @@
|
||||||
<div x-on:click.outside="showModal = false" x-show="showModal" x-transition:enter="transition-enter"
|
<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: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="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>
|
<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-show="open" x-transition style="display: none;" class="select-options">
|
||||||
<div x-on:click="selected = 'user'; open = false" class="select-option"
|
<div x-on:click="selected = 'user'; open = false" class="select-option"
|
||||||
:class="{ 'selected-option': selected == 'user' }">
|
: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'"
|
<span x-show="selected == 'user'"
|
||||||
class="absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600">
|
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"
|
<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"
|
<div x-on:click="selected = 'admin'; open = false" class="select-option"
|
||||||
:class="{ 'selected-option': selected == 'admin' }">
|
: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'"
|
<span x-show="selected == 'admin'"
|
||||||
class="absolute inset-y-0 left-0 flex items-center pl-3 text-blue-600">
|
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"
|
<svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,8 @@
|
||||||
<div x-on:click.outside="showModalUpdate = false" x-show="showModalUpdate" x-transition:enter="transition-enter"
|
<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: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="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>
|
<h3 class="modal-title">Novo Usuário Nexus</h3>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue