estilo de quote

Juanal07 · Jun 11, 2021 · b081aa7 · b081aa7
1 parent dc02f6a
commit b081aa7
Show file tree

Hide file tree

Showing 3 changed files with 59 additions and 17 deletions.
diff --git a/src/app/components/admin/admin.component.html b/src/app/components/admin/admin.component.html
@@ -102,7 +102,8 @@ <h2 class="titulo-tablas">Actualizar datos persistentes en un proceso nocturno</
               larga
               duración.</p>
             <div class="botAct">
-              <button class="boton1" (click)="printTest()">Actualizar</button>
+              <!-- <button class="boton1" (click)="printTest()">Actualizar</button> -->
+              <button class="boton1" (click)="actData()">Actualizar</button>
             </div>
           </div>
         </div>

diff --git a/src/app/components/buscador/buscador.component.html b/src/app/components/buscador/buscador.component.html
@@ -135,7 +135,7 @@ <h3 class="tituloInfoTexto">Información básica</h3>
               <hr>
             </div>
             <div class="row infoBasica">
-                <!-- <li *ngIf="this.municipio.region != null">
+              <!-- <li *ngIf="this.municipio.region != null">
                 <p>Comarca: {{this.municipio.region}}</p>
               </li>
               <li>
@@ -146,18 +146,18 @@ <h3 class="tituloInfoTexto">Información básica</h3>
               </li> -->
               <br>
               <br>
-                <div *ngIf="this.municipio.population != null">
-                  <p>Población: {{this.municipio.population}}</p>
-                </div>
-                <div *ngIf="this.municipio.surface != null">
-                  <p>Superficie: {{this.municipio.surface}}</p>
-                </div>
-                <div *ngIf="this.municipio.altitude != null">
-                  <p>Altitud: {{this.municipio.altitude}}</p>
-                </div>
-                <div *ngIf="this.municipio.density != null">
-                  <p>Densidad: {{this.municipio.density}}</p>
-                </div>
+              <div *ngIf="this.municipio.population != null">
+                <p>Población: {{this.municipio.population}}</p>
+              </div>
+              <div *ngIf="this.municipio.surface != null">
+                <p>Superficie: {{this.municipio.surface}}</p>
+              </div>
+              <div *ngIf="this.municipio.altitude != null">
+                <p>Altitud: {{this.municipio.altitude}}</p>
+              </div>
+              <div *ngIf="this.municipio.density != null">
+                <p>Densidad: {{this.municipio.density}}</p>
+              </div>
             </div>
           </div>
         </div>
@@ -252,11 +252,25 @@ <h5>{{item['name']}}</h5>
       </div>
     </div>
   </div>
-  <div class="container">
-    <h1 class="fraseBusqueda">España Vaciada</h1>
+  <div *ngIf="this.municipio.name != null" class="container">
+    <!-- <h1 class="fraseBusqueda">España Vaciada</h1>
     <br>
     <p class="localizacionTexto">Proverbio chino: Si quieres ser feliz un dia, emborrachate. Si quieres ser feliz un
-      año, casate. Si quieres ser feliz toda la vida, cuida un huerto.</p>
+      año, casate. Si quieres ser feliz toda la vida, cuida un huerto.</p> -->
+    <!-- <blockquote class="blockquote">
+      <p class="mb-0">Si quieres ser feliz un dia, emborrachate. Si quieres ser feliz un
+        año, casate. Si quieres ser feliz toda la vida, cuida un huerto.</p>
+      <footer class="blockquote-footer"><cite title="Source Title">Proverbio chino</cite></footer>
+    </blockquote> -->
 
+    <figure>
+      <blockquote class="blockquote">
+        <p>Si quieres ser feliz una hora, emborráchate. Si quieres ser feliz un día, mata un cerdo. Si quieres ser feliz
+          una semana, haz un viaje. Si quieres ser feliz un año, cásate. Si quieres ser feliz toda tu vida, cultiva un
+          huerto.</p>
+      </blockquote>
+      <figcaption class="blockquote-footer"><cite title="Source Title">Proverbio chino</cite>
+      </figcaption>
+    </figure>
   </div>
 </div>
diff --git a/src/app/components/buscador/buscador.component.scss b/src/app/components/buscador/buscador.component.scss
@@ -572,3 +572,30 @@ h5 {
   color: red;
   // border: 1px dashed red;
 }
+
+figure{
+  margin-bottom: 3rem;
+  margin-top: 3rem;
+  margin-left: 15vw;
+  margin-right: 15vw;
+
+  // background-color: white;
+  // width: 100%;
+  // height: 4.2rem;
+  // min-width: 120px;
+  // max-width: 200px;
+  border:1px solid rgb(226, 226, 226);
+  border-radius: 10px;
+  justify-content:center;
+  align-items: center;
+  padding-top: 1.5rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  // margin-left: auto;
+  // margin-right:auto;
+  box-shadow: 2px 2px 5px 5px rgb(226, 226, 226);
+
+  p{
+    font-style: italic;
+  }
+}