Commit feab9cd55ec1039fd5791feef1c043e95082d416
1 parent
48cdd72a93
Exists in
develop
and in
1 other branch
Fix en splash screen
Showing
1 changed file
with
2 additions
and
2 deletions
Show diff stats
src/app/modules/splash-screen/splash-screen.component.html
| 1 | <div *ngIf="showSplashScreen" class="vh-100 bg-splash"> | 1 | <div *ngIf="showSplashScreen" class="h-100 bg-splash"> |
| 2 | <div class="row mx-0 h-100"> | 2 | <div class="row mx-0 h-100"> |
| 3 | <div class="col-12 px-0 h-30 my-auto"> | 3 | <div class="col-12 px-0 h-30 my-auto"> |
| 4 | <img | 4 | <img |
| 5 | draggable="false" | 5 | draggable="false" |
| 6 | ondragstart="return false;" | 6 | ondragstart="return false;" |
| 7 | (contextmenu)="false" | 7 | (contextmenu)="false" |
| 8 | class="d-block mx-auto h-100 focus-in-blur" | 8 | class="d-block mx-auto h-100 focus-in-blur" |
| 9 | src="assets/img/logo-spot.svg"> | 9 | src="assets/img/logo-spot.svg"> |
| 10 | </div> | 10 | </div> |
| 11 | </div> | 11 | </div> |
| 12 | </div> | 12 | </div> |
| 13 | 13 | ||
| 14 | <div *ngIf="!showSplashScreen" class="vh-100 bg-primary fade-in"> | 14 | <div *ngIf="!showSplashScreen" class="h-100 bg-primary fade-in"> |
| 15 | <div class="row mx-0 h-100"> | 15 | <div class="row mx-0 h-100"> |
| 16 | <div class="col-12 px-0 h-100 my-auto"> | 16 | <div class="col-12 px-0 h-100 my-auto"> |
| 17 | <div class="row mx-0 h-15"> | 17 | <div class="row mx-0 h-15"> |
| 18 | <div class="col-12 px-0 h-80 my-auto"> | 18 | <div class="col-12 px-0 h-80 my-auto"> |
| 19 | <img | 19 | <img |
| 20 | draggable="false" | 20 | draggable="false" |
| 21 | ondragstart="return false;" | 21 | ondragstart="return false;" |
| 22 | (contextmenu)="false" | 22 | (contextmenu)="false" |
| 23 | class="d-block mx-auto h-100" | 23 | class="d-block mx-auto h-100" |
| 24 | src="assets/img/negativo-spot.svg"> | 24 | src="assets/img/negativo-spot.svg"> |
| 25 | </div> | 25 | </div> |
| 26 | </div> | 26 | </div> |
| 27 | <div class="row mx-0 h-75 justify-content-center text-white text-center"> | 27 | <div class="row mx-0 h-75 justify-content-center text-white text-center"> |
| 28 | <div class="col-7 h-auto px-0 py-5 mb-5 align-self-end box"> | 28 | <div class="col-7 h-auto px-0 py-5 mb-5 align-self-end box"> |
| 29 | <div class="h6 m-0 welcome-text text-info"> | 29 | <div class="h6 m-0 welcome-text text-info"> |
| 30 | <span *ngFor="let letter of textWelcome | split textWelcome">{{letter}}</span> | 30 | <span *ngFor="let letter of textWelcome | split textWelcome">{{letter}}</span> |
| 31 | </div> | 31 | </div> |
| 32 | <div class="h1 m-0 como-estas-text"> | 32 | <div class="h1 m-0 como-estas-text"> |
| 33 | <span *ngFor="let letter of textComoEstas | split textComoEstas">{{letter}}</span> | 33 | <span *ngFor="let letter of textComoEstas | split textComoEstas">{{letter}}</span> |
| 34 | </div> | 34 | </div> |
| 35 | </div> | 35 | </div> |
| 36 | <div class="col-7 h-auto px-0 py-5 mt-5 align-self-start box2"> | 36 | <div class="col-7 h-auto px-0 py-5 mt-5 align-self-start box2"> |
| 37 | <div class="h6 m-0 invitamos-text text-info"> | 37 | <div class="h6 m-0 invitamos-text text-info"> |
| 38 | <span *ngFor="let letter of textInvitamos | split textInvitamos">{{letter}}</span> | 38 | <span *ngFor="let letter of textInvitamos | split textInvitamos">{{letter}}</span> |
| 39 | </div> | 39 | </div> |
| 40 | <div class="h1 m-0 tu-pedido-text"> | 40 | <div class="h1 m-0 tu-pedido-text"> |
| 41 | <span *ngFor="let letter of textTuPedido | split textTuPedido">{{letter}}</span> | 41 | <span *ngFor="let letter of textTuPedido | split textTuPedido">{{letter}}</span> |
| 42 | </div> | 42 | </div> |
| 43 | </div> | 43 | </div> |
| 44 | </div> | 44 | </div> |
| 45 | <div | 45 | <div |
| 46 | class="row mx-0 h-10 loop-color cursor-pointer" | 46 | class="row mx-0 h-10 loop-color cursor-pointer" |
| 47 | [routerLink]="['/info-formas-pago']"> | 47 | [routerLink]="['/info-formas-pago']"> |
| 48 | <div class="col-12 text-center align-self-center px-0"> | 48 | <div class="col-12 text-center align-self-center px-0"> |
| 49 | <p class="h6 text-white">TOCA PARA COMENZAR</p> | 49 | <p class="h6 text-white">TOCA PARA COMENZAR</p> |
| 50 | </div> | 50 | </div> |
| 51 | </div> | 51 | </div> |
| 52 | </div> | 52 | </div> |
| 53 | </div> | 53 | </div> |
| 54 | </div> | 54 | </div> |
| 55 | 55 |