From d0cac70d6468126cf1422f6eab50c42d2399a783 Mon Sep 17 00:00:00 2001
From: casnet1 <ne.castillo1607@gmail.com>
Date: Sat, 22 Aug 2020 22:49:34 -0500
Subject: [PATCH] busqueda

---
 src/components/footer.vue |  5 ++--
 src/config/config.js      |  2 +-
 src/esteticas/nav.vue     | 59 ++++++++++++++++++++++++++++++++-------
 src/view/tema.vue         |  2 +-
 4 files changed, 54 insertions(+), 14 deletions(-)

diff --git a/src/components/footer.vue b/src/components/footer.vue
index 547f9da..f463dbf 100644
--- a/src/components/footer.vue
+++ b/src/components/footer.vue
@@ -5,9 +5,10 @@
         <button type="button" class="col-md-6 col-sm-12 btn boton-footer uno">
           Comité Editorial
         </button>
-        <button type="button" class="col-md-6 col-sm-12 btn boton-footer dos">
+       <router-link to="/lineamientos"> <button type="button" class="col-md-6 col-sm-12 btn boton-footer dos">
+         
           Política Editorial y Lineamentos
-        </button>
+        </button></router-link>
         <button type="button" class="col-md-6 col-sm-12 btn boton-footer tres">
           Proceso Editorial y Organismos
         </button>
diff --git a/src/config/config.js b/src/config/config.js
index 58d6a84..0f15cbc 100644
--- a/src/config/config.js
+++ b/src/config/config.js
@@ -1,6 +1,6 @@
 const config = {
   //ngrok
-  api: "http://79d0fb701c9e.ngrok.io"
+  api: "https://f8d86328e778.ngrok.io"
   
   //Local
   //api: "http://localhost:3001"
diff --git a/src/esteticas/nav.vue b/src/esteticas/nav.vue
index ebd95de..2b501a2 100644
--- a/src/esteticas/nav.vue
+++ b/src/esteticas/nav.vue
@@ -18,7 +18,7 @@
 
         <div class="collapse navbar-collapse " id="navbarTogglerDemo02">
           <ul
-            class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-around  mt-0 mt-lg-0"
+            class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-start mt-0 mt-lg-0"
           >
             <li class="nav-item">
               <a class="nav-link text-white" href="#" @click="inicio()"
@@ -29,7 +29,7 @@
               <a class="nav-link text-white" href="#">Presentacion</a>
             </li>-->
 
-            <li class="nav-item">
+            <li class="nav-item ml-4">
               <div class="dropdown">
                 <a
                   class="btn nav-link  dropdown-toggle text-white"
@@ -95,7 +95,7 @@
         <form
           id="buscador"
           v-if="isExist"
-          class="form-inline  my-0 my-lg-0 buscador col-4 d-flex justify-content-end"
+          class="form-inline   my-0 my-lg-0 buscador col-4 d-flex justify-content-end"
         >
           <div class="input-group input-group-sm mb-0">
             <input
@@ -128,17 +128,27 @@
             </div>
           </div>
           <!-- <div>-->
-          <div v-if="nombre.length > 2">
+          <div v-if="nombre.length > 2"  class=" rescont dropdown ">
             <ul
-              class="list-group"
-              v-for="item in buscarLibro"
-              v-bind:key="item.idLibro"
+              class=" list-group reslist  dropdown-content    "
+              
+                
+              
             >
-              <li class="list-group-item" @click="descripcion(item.idLibro)">
+              <li class=" list-group-item " v-for="item in buscarLibro"
+              v-bind:key="item.idLibro" @click="descripcion(item.idLibro)">
                 {{ item.titulo }}
-              </li>
+              </li> 
             </ul>
-          </div>
+         
+          <!-- <ul class="list-group reslist  dropdown-content   ">
+          <li class="list-group-item ">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=" list-group-item ">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=" list-group-item ">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>
     </div>
@@ -262,6 +272,35 @@ nav {
   border-bottom-left-radius: 20px 20px !important;
 }
 
+.dropdown {
+  position: relative;
+  display: inline-block;
+  height: auto;
+
+
+}
+
+.dropdown-content {
+
+  position: absolute;
+  background-color: #f9f9f9;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  /* padding: 12px 16px; */
+ top: .8rem;
+    left: -10rem;
+    display: block;
+  
+}
+.rescont{
+  z-index: 2;
+}
+
+.list-group-item {
+padding: 12px 16px;
+}
+
+
 @media (max-width: 450px) {
   .menuText,
   .buscador {
diff --git a/src/view/tema.vue b/src/view/tema.vue
index c298326..d2d9e1a 100644
--- a/src/view/tema.vue
+++ b/src/view/tema.vue
@@ -2,7 +2,7 @@
   <div>
     <Header />
     <Nav />
-    <Title title="Resultado" />
+    <Title title="Resultado" class="my-5" />
     <Cart />
     <Footer />
   </div>