Mauricio Cattafi / autoservicio

Download as
Browse Code »

Commit 541e9479006fc7df842453ae35183b5e2d7d18ce

Authored by Marcelo Puebla
1 parent d793eb9ef2
Exists in master and in 1 other branch validar_pve

Arreglo para ver full size.

Showing 2 changed files with 5 additions and 5 deletions   Show diff stats
src/app/cargar-productos/cargar-productos.component.html
Diff comments   View file @ 541e947
1 <div class="row m-0 h-100"> 1 <div class="row m-0">
2 <div class="col-10 p-0"> 2 <div class="col-10 p-0">
3 <div class="bg-danger py-1 py-sm-2 py-lg-5"> 3 <div class="bg-danger py-1 py-sm-2 py-lg-5">
4 <p class="text-center">HEADER</p> 4 <p class="text-center">HEADER</p>
5 </div> 5 </div>
6 </div> 6 </div>
7 <app-sidebar class="col-2 col-md-2 w-100 h-100 bg-dark text-white"></app-sidebar> 7 <app-sidebar class="col-3 col-md-2 vh-100 bg-dark text-white"></app-sidebar>
8 </div> 8 </div>
src/app/home/home.component.html
Diff comments   View file @ 541e947
1 <div class="container-fluid h-100"> 1 <div class="container-fluid">
2 <div class="row h-100"> 2 <div class="row">
3 <div class="col p-0"> 3 <div class="col p-0">
4 <div class="w-100 h-100 d-flex align-items-start flex-column disable-user-select"> 4 <div class="vh-100 d-flex align-items-start flex-column disable-user-select">
5 5
6 <!-- HEADER --> 6 <!-- HEADER -->
7 <div class="bg-dark py-1 py-sm-2 py-lg-5 w-100"> 7 <div class="bg-dark py-1 py-sm-2 py-lg-5 w-100">
8 <p class="text-white text-center">HEADER</p> 8 <p class="text-white text-center">HEADER</p>
9 </div> 9 </div>
10 10
11 <div class="h-100 w-100 position-relative"> 11 <div class="h-100 w-100 position-relative">
12 <div class="background-image blur"></div> 12 <div class="background-image blur"></div>
13 <div class="row position-absolute w-100 h-100"> 13 <div class="row position-absolute w-100 h-100">
14 <div class="col-5 my-auto"> 14 <div class="col-5 my-auto">
15 <!-- CAROUSEL --> 15 <!-- CAROUSEL -->
16 <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel"> 16 <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
17 <div class="carousel-inner"> 17 <div class="carousel-inner">
18 <div class="carousel-item active"> 18 <div class="carousel-item active">
19 <img class="m-auto img-fluid d-block w-75" 19 <img class="m-auto img-fluid d-block w-75"
20 src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQWhHnLeoxWeJeiBKvVg-9zDzppOVX_AY5tXpRuS7If0mzb_01b" 20 src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQWhHnLeoxWeJeiBKvVg-9zDzppOVX_AY5tXpRuS7If0mzb_01b"
21 alt=""> 21 alt="">
22 </div> 22 </div>
23 <div class="carousel-item"> 23 <div class="carousel-item">
24 <img class="m-auto img-fluid d-block w-75" 24 <img class="m-auto img-fluid d-block w-75"
25 src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQWhHnLeoxWeJeiBKvVg-9zDzppOVX_AY5tXpRuS7If0mzb_01b" 25 src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQWhHnLeoxWeJeiBKvVg-9zDzppOVX_AY5tXpRuS7If0mzb_01b"
26 alt=""> 26 alt="">
27 </div> 27 </div>
28 </div> 28 </div>
29 </div> 29 </div>
30 </div> 30 </div>
31 <div class="col-7 my-auto"> 31 <div class="col-7 my-auto">
32 <div class="text-center text-white"> 32 <div class="text-center text-white">
33 <h1 class="display-2 font-weight-bold">¡BIENVENIDO!</h1> 33 <h1 class="display-2 font-weight-bold">¡BIENVENIDO!</h1>
34 <h1 class="display-3 font-weight-bold">Toque la pantalla<br>para comenzar.</h1> 34 <h1 class="display-3 font-weight-bold">Toque la pantalla<br>para comenzar.</h1>
35 </div> 35 </div>
36 </div> 36 </div>
37 </div> 37 </div>
38 </div> 38 </div>
39 39
40 <!-- FOOTER --> 40 <!-- FOOTER -->
41 <div class="bg-dark py-1 py-sm-2 py-lg-5 w-100"> 41 <div class="bg-dark py-1 py-sm-2 py-lg-5 w-100">
42 <p class="text-white text-center">FOOTER</p> 42 <p class="text-white text-center">FOOTER</p>
43 </div> 43 </div>
44 </div> 44 </div>
45 </div> 45 </div>
46 </div> 46 </div>
47 </div> 47 </div>