Cambios visuales.

Marcelo Puebla
1 parent d90b1d556a
Showing 3 changed files with 7 additions and 7 deletions Show diff stats
src/app/components/cancelar-compra/cancelar-compra.component.html
src/app/components/home/home.component.html
src/app/components/inicio/inicio.component.html
@@ -16,7 +16,7 @@
         </div>
  
         <!-- INFO -->
-        <div class="row m-0 w-100">
+        <div class="row h-75 py-5 m-0 w-100">
           <div class="col-4 offset-2">
             <div class="row h-100">
               <div class="col-12 py-4">
 <div class="container-fluid p-0">
-  <img src="{{apiUrl}}/imagenes/homeBackground.jpg" class="background-image">
+  <img src="{{apiUrl}}/imagenes/homeBackground.jpg" class="background-image vh-100">
   <div class="row m-0">
     <div class="col p-0">
       <div
@@ -8,7 +8,7 @@
  
         <!-- HEADER -->
         <div class="row m-0 w-100 bg-primary-gradient-horizontal">
-          <div class="col-6 bg-white p-5 rounded-bottom-right">
+          <div class="col-6 bg-white p-3 rounded-bottom-right">
             <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logoaxion.png">
           </div>
         </div>
@@ -20,13 +20,13 @@
           </div>
           <div class="col-6 text-center text-white my-auto">
             <p class="display-2 font-weight-bold mb-5">¡BIENVENIDO!</p>
-            <p class="display-3 m-0">Toque la pantalla<br>para comenzar</p>
+            <p class="display-3 m-0 font-weight-bold">Toque la pantalla<br>para comenzar</p>
           </div>
         </div>
  
         <!-- FOOTER -->
         <div class="row m-0 w-100 bg-gray">
-          <div class="col-6 bg-white offset-6 p-5 rounded-top-left">
+          <div class="col-6 bg-white offset-6 p-3 rounded-top-left">
             <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logodebo.png">
           </div>
         </div>
@@ -96,8 +96,8 @@
                 </div>
               </div>
               <p class="h5 card-text text-muted font-weight-light">
-                Coloque el código de<br>
-                barras o QR frente al scanner.
+                Coloque un producto frente<br>
+                al lector de códigos o selecciónelo en pantalla
               </p>
             </div>
             <div class="row m-4">
...	...	@@ -16,7 +16,7 @@
16	16	</div>
17	17
18	18	<!-- INFO -->
19		- <div class="row m-0 w-100">
	19	+ <div class="row h-75 py-5 m-0 w-100">
20	20	<div class="col-4 offset-2">
21	21	<div class="row h-100">
22	22	<div class="col-12 py-4">
1	1	<div class="container-fluid p-0">
2		- <img src="{{apiUrl}}/imagenes/homeBackground.jpg" class="background-image">
	2	+ <img src="{{apiUrl}}/imagenes/homeBackground.jpg" class="background-image vh-100">
3	3	<div class="row m-0">
4	4	<div class="col p-0">
5	5	<div
...	...	@@ -8,7 +8,7 @@
8	8
9	9	<!-- HEADER -->
10	10	<div class="row m-0 w-100 bg-primary-gradient-horizontal">
11		- <div class="col-6 bg-white p-5 rounded-bottom-right">
	11	+ <div class="col-6 bg-white p-3 rounded-bottom-right">
12	12	<img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logoaxion.png">
13	13	</div>
14	14	</div>
...	...	@@ -20,13 +20,13 @@
20	20	</div>
21	21	<div class="col-6 text-center text-white my-auto">
22	22	<p class="display-2 font-weight-bold mb-5">¡BIENVENIDO!</p>
23		- <p class="display-3 m-0">Toque la pantalla<br>para comenzar</p>
	23	+ <p class="display-3 m-0 font-weight-bold">Toque la pantalla<br>para comenzar</p>
24	24	</div>
25	25	</div>
26	26
27	27	<!-- FOOTER -->
28	28	<div class="row m-0 w-100 bg-gray">
29		- <div class="col-6 bg-white offset-6 p-5 rounded-top-left">
	29	+ <div class="col-6 bg-white offset-6 p-3 rounded-top-left">
30	30	<img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logodebo.png">
31	31	</div>
32	32	</div>
...	...	@@ -96,8 +96,8 @@
96	96	</div>
97	97	</div>
98	98	<p class="h5 card-text text-muted font-weight-light">
99		- Coloque el código de<br>
100		- barras o QR frente al scanner.
	99	+ Coloque un producto frente<br>
	100	+ al lector de códigos o selecciónelo en pantalla
101	101	</p>
102	102	</div>
103	103	<div class="row m-4">