From d5a35a523bdd327abad7341799db3656b2d82316 Mon Sep 17 00:00:00 2001
From: casnet1 <ne.castillo1607@gmail.com>
Date: Mon, 24 Aug 2020 13:50:30 -0500
Subject: [PATCH] color hover

---
 src/esteticas/nav.vue | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/esteticas/nav.vue b/src/esteticas/nav.vue
index 27475b7..4a45e52 100644
--- a/src/esteticas/nav.vue
+++ b/src/esteticas/nav.vue
@@ -131,7 +131,7 @@
           <div v-if="nombre.length > 2" class=" rescont   ">
             <ul class=" dropdown-menu d-block  dropdown-menu-right  ">
               <li
-                class=" dropdown-item text-wrap "
+                class=" dropdown-item dropdown-itemBusqueda text-wrap "
                 v-for="item in buscarLibro"
                 v-bind:key="item.idLibro"
                 @click="descripcion(item.idLibro)"
@@ -140,18 +140,15 @@
               </li>
             </ul>
 
-            
-          <!-- <ul class=" dropdown-menu d-block  dropdown-menu-right">
+            <!-- <ul class=" dropdown-menu d-block  dropdown-menu-right">
                     <li class="dropdown-item text-wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
 
-          <li class="dropdown-item text-wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat nam molestiae delectus aliquid dignissimos ullam illo provident laborum perspiciatis sapiente. Officiis eveniet animi ad beatae iusto cupiditate earum quo enim?</li>
+          <li class="dropdown-item dropdown-itemBusqueda text-wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat nam molestiae delectus aliquid dignissimos ullam illo provident laborum perspiciatis sapiente. Officiis eveniet animi ad beatae iusto cupiditate earum quo enim?</li>
           <li class=" dropdown-item  text-wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat nam molestiae delectus aliquid dignissimos ullam illo provident laborum perspiciatis sapiente. Officiis eveniet animi ad beatae iusto cupiditate earum quo enim?</li>
 
           <li class=" dropdown-item text-wrap">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat nam molestiae delectus aliquid dignissimos ullam illo provident laborum perspiciatis sapiente. Officiis eveniet animi ad beatae iusto cupiditate earum quo enim?</li>
 
           </ul> -->
-
-           
           </div>
         </form>
       </nav>
@@ -232,10 +229,6 @@ nav {
   background-color: #1e3c70;
 }
 
-.list-group-item:hover {
-  background-color: #1e3c70;
-  color: white;
-}
 .doradoUnam {
   background-color: #bb8800;
 }
@@ -243,6 +236,12 @@ nav {
 .dropdown-item:hover {
   background-color: #bb8800;
 }
+
+.dropdown-itemBusqueda:hover {
+  background-color: #1e3c70;
+  color: white;
+}
+
 .nav-link:focus {
   background-color: #1e3c70;
   border-radius: 1rem;
@@ -312,7 +311,7 @@ nav {
   }
 
   .dropdown-menu {
-  width: 80vw !important;
-}
+    width: 80vw !important;
+  }
 }
 </style>