feat: allow to escape find by clic (#613)

officelifehq · Mar 11, 2021 · a25ef53 · a25ef53
1 parent 50e290f
commit a25ef53
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/resources/js/Pages/Company/Partials/GuessEmployeeGame.vue b/resources/js/Pages/Company/Partials/GuessEmployeeGame.vue
@@ -83,7 +83,9 @@
           <span>{{ $t('company.guess_employee_game_play_again') }}</span>
         </p>
       </div>
-      <img loading="lazy" class="absolute bottom-0 right-1 avatar" :src="updatedGame.avatar_to_find" width="64" height="64" />
+      <img loading="lazy" class="absolute bottom-0 right-1 avatar" alt="avatar to find" :src="updatedGame.avatar_to_find" width="64"
+           height="64"
+      />
     </div>
   </div>
 </template>

diff --git a/resources/js/Shared/Layout.vue b/resources/js/Shared/Layout.vue
@@ -84,7 +84,7 @@ nav {
 
     <!-- FIND BOX -->
     <div v-show="modalFind" class="absolute z-max find-box">
-      <div class="br2 bg-white tl pv3 ph3 bounceIn faster">
+      <div class="br2 bg-white tl pv3 ph3 bounceIn faster" @click.prevent="">
         <form @submit.prevent="submit">
           <div class="relative">
             <input id="search" ref="search" v-model="form.searchTerm" type="text" name="search"
@@ -188,7 +188,7 @@ nav {
       </div>
     </header>
 
-    <div :class="[ modalFind ? 'bg-modal-find' : '' ]"></div>
+    <div :class="[ modalFind ? 'bg-modal-find' : '' ]" @click.prevent="modalFind = false"></div>
 
     <slot></slot>