Mauricio Cattafi / autoservicio

Download as
Browse Code »

Commit d66b329942979eb2c219153aece6f27e461f811f

Authored by Eric Fernandez
2 parents 102f90deae ee55bd6bb3
Exists in master and in 1 other branch validar_pve

Merge branch 'master' into 'master' 

Master(mpuebla)

See merge request !110
Showing 2 changed files   Show diff stats
src/app/components/home/home.component.html
Diff comments   View file @ d66b329
... ... @@ -2,44 +2,35 @@
2 2 <img
3 3 src="{{apiImagenes}}/imagenes/homeBackground.jpg"
4 4 class="background-image vh-100 w-100">
5   - <div class="row m-0">
6   - <div class="col p-0">
7   - <div
8   - class="vh-100 fade-in d-flex align-items-start flex-column disable-user-select"
9   - [routerLink]="['/inicio']">
  5 + <div
  6 + class="fade-in vh-100 d-flex align-content-between flex-wrap disable-user-select"
  7 + [routerLink]="['/inicio']">
10 8  
11   - <!-- HEADER -->
12   - <div class="row m-0 w-100 bg-primary-gradient-horizontal">
13   - <div class="col-6 bg-white p-3 rounded-bottom-right">
14   - <img class="w-25 mx-auto d-block" src="{{apiImagenes}}/imagenes/logoempresa.png">
15   - </div>
16   - </div>
17   -
18   - <!-- INFO DE BIENVENIDA -->
19   - <div class="row my-auto mx-0 h-75 w-100">
20   - <div class="col-6 col-lg-8 my-auto p-3 h-100">
21   - <div class="embed-responsive embed-responsive-16by9">
22   - <iframe
23   - class="embed-responsive-item rounded fade-in"
24   - src="https://www.youtube.com/embed/vb8ZcalBDyw?&autoplay=1&loop=1&playlist=vb8ZcalBDyw&controls=0&showinfo=0&mute=1">
25   - </iframe>
26   - </div>
27   - </div>
28   - <div class="col-6 col-lg-4 text-center text-white my-auto">
29   - <p class="display-4 font-weight-bold m-0">¡BIENVENIDO!</p>
30   - <p class="display-4 m-0 font-weight-bold">Toque la pantalla<br>para comenzar</p>
31   - </div>
32   -
33   - </div>
  9 + <!-- HEADER -->
  10 + <div class="vh-15 d-flex flex-row flex-wrap m-0 w-100 bg-primary-gradient-horizontal">
  11 + <div class="h-100 w-50 bg-white rounded-bottom-right">
  12 + <img class="h-100 p-2 m-auto d-block" src="{{apiImagenes}}/imagenes/logoempresa.png">
  13 + </div>
  14 + </div>
34 15  
35   - <!-- FOOTER -->
36   - <div class="row m-0 w-100 bg-gray">
37   - <div class="col-6 bg-white offset-6 p-3 rounded-top-left">
38   - <img class="w-25 mx-auto d-block" src="{{apiImagenes}}/imagenes/logodebo.png">
39   - </div>
40   - </div>
  16 + <!-- INFO DE BIENVENIDA -->
  17 + <div class="d-flex h-50 flex-row flex-wrap justify-content-around align-items-center w-100 m-3">
  18 + <iframe
  19 + class="w-50 h-100 rounded fade-in"
  20 + src="https://www.youtube.com/embed/vb8ZcalBDyw?&autoplay=1&loop=1&playlist=vb8ZcalBDyw&controls=0&showinfo=0&mute=1">
  21 + </iframe>
  22 + <div class="w-auto text-center text-white">
  23 + <p class="display-4 font-weight-bold m-0">¡BIENVENIDO!</p>
  24 + <p class="display-4 m-0 font-weight-bold">Toque la pantalla<br>para comenzar</p>
  25 + </div>
  26 + </div>
41 27  
  28 + <!-- FOOTER -->
  29 + <div class="vh-15 d-flex flex-row-reverse flex-wrap w-100 bg-gray">
  30 + <div class="h-100 w-50 bg-white rounded-top-left">
  31 + <img class="h-100 p-2 m-auto d-block" src="{{apiImagenes}}/imagenes/logodebo.png">
42 32 </div>
43 33 </div>
  34 +
44 35 </div>
45 36 </div>
... ... @@ -109,20 +109,21 @@ body {
109 109 }
110 110  
111 111 .vh-70 {
112   - min-height: auto !important;
113 112 max-height: 70vh !important;
114 113 }
115 114  
116 115 .vh-60 {
117   - min-height: auto !important;
118 116 max-height: 60vh !important;
119 117 }
120 118  
121 119 .vh-50 {
122   - min-height: auto !important;
123 120 max-height: 50vh !important;
124 121 }
125 122  
  123 +.vh-15 {
  124 + max-height: 15vh !important;
  125 +}
  126 +
126 127 .spinner-lg {
127 128 width: 3rem !important;
128 129 height: 3rem !important;