Agregada marca de agua en pantallas azules.

Marcelo Puebla
1 parent 79ea687e2c
Showing 4 changed files with 43 additions and 7 deletions Show diff stats
src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
src/app/components/pedidos-salientes/pedidos-salientes.component.html
src/assets/img/debo-gray.png
src/styles.scss
@@ -209,6 +209,11 @@
     </p>
     <p class="font-weight-bold display-4">Recuerde retirar su ticket</p>
   </div>
+  <div class="row z-index-0 fixed-top m-0 w-100">
+    <div class="col-12 p-3">
+      <img class="w-15 float-right" src="../../../assets/img/debo-gray.png">
+    </div>
+  </div>
 </div>
  
 <div
@@ -216,9 +221,14 @@
   class="row m-0 fade-in bg-primary-gradient disable-user-select vh-100">
   <div class="col-12 text-center text-white my-auto">
     <p class="font-weight-bold display-4">
-        Retire su ticket<br>
-        y diríjase a caja para<br>
-        efectuar el pago.
+      Retire su ticket<br>
+      y diríjase a caja para<br>
+      efectuar el pago.
     </p>
   </div>
+  <div class="row z-index-0 fixed-top m-0 w-100">
+    <div class="col-12 p-3">
+      <img class="w-15 float-right" src="../../../assets/img/debo-gray.png">
+    </div>
+  </div>
 </div>
 <div class="bg-primary-gradient vh-100 disable-user-select">
   <div class="d-flex justify-content-center">
+    <div class="row z-index-0 fixed-top m-0 w-100">
+      <div class="col-12 p-3">
+        <img class="w-15 float-right" src="../../../assets/img/debo-gray.png">
+      </div>
+    </div>
     <div class="row m-5 text-white text-center">
  
       <div class="col-12 p-0">
@@ -4,7 +4,12 @@
  
 html,
 body {
-  background-color: #f0f0f0;
+  height: 100%;
+  background: linear-gradient(
+    0deg,
+    #e6e6e6,
+    #fff
+  );
   font-family: bahnschrift;
   overflow: hidden !important;
 }
@@ -53,7 +58,7 @@ body {
   overflow-y: auto !important;
   overflow-x: hidden !important;
   &::-webkit-scrollbar {
-    width: .75em;
+    width: 0.75em;
   }
   &::-webkit-scrollbar-track {
     border-radius: 10px;
@@ -82,11 +87,19 @@ body {
 }
  
 .bg-primary-gradient {
-  background: linear-gradient(135deg, rgba(40, 112, 175, 1) 0%, rgba(0, 32, 66, 1) 100%);
+  background: linear-gradient(
+    135deg,
+    rgba(40, 112, 175, 1) 0%,
+    rgba(0, 32, 66, 1) 100%
+  );
 }
  
 .bg-primary-gradient-horizontal {
-  background: linear-gradient(90deg, rgba(40, 112, 175, 1) 0%, rgba(0, 32, 66, 1) 100%);
+  background: linear-gradient(
+    90deg,
+    rgba(40, 112, 175, 1) 0%,
+    rgba(0, 32, 66, 1) 100%
+  );
 }
  
 .icon-dim {
@@ -163,3 +176,11 @@ body {
   justify-content: center !important;
   display: flex !important;
 }
+
+.z-index-0 {
+  z-index: 0;
+}
+
+.w-15 {
+  width: 15% !important;
+}
 \ No newline at end of file
...	...	@@ -209,6 +209,11 @@
209	209	</p>
210	210	<p class="font-weight-bold display-4">Recuerde retirar su ticket</p>
211	211	</div>
	212	+ <div class="row z-index-0 fixed-top m-0 w-100">
	213	+ <div class="col-12 p-3">
	214	+ <img class="w-15 float-right" src="../../../assets/img/debo-gray.png">
	215	+ </div>
	216	+ </div>
212	217	</div>
213	218
214	219	<div
...	...	@@ -216,9 +221,14 @@
216	221	class="row m-0 fade-in bg-primary-gradient disable-user-select vh-100">
217	222	<div class="col-12 text-center text-white my-auto">
218	223	<p class="font-weight-bold display-4">
219		- Retire su ticket<br>
220		- y diríjase a caja para<br>
221		- efectuar el pago.
	224	+ Retire su ticket<br>
	225	+ y diríjase a caja para<br>
	226	+ efectuar el pago.
222	227	</p>
223	228	</div>
	229	+ <div class="row z-index-0 fixed-top m-0 w-100">
	230	+ <div class="col-12 p-3">
	231	+ <img class="w-15 float-right" src="../../../assets/img/debo-gray.png">
	232	+ </div>
	233	+ </div>
224	234	</div>
1	1	<div class="bg-primary-gradient vh-100 disable-user-select">
2	2	<div class="d-flex justify-content-center">
	3	+ <div class="row z-index-0 fixed-top m-0 w-100">
	4	+ <div class="col-12 p-3">
	5	+ <img class="w-15 float-right" src="../../../assets/img/debo-gray.png">
	6	+ </div>
	7	+ </div>
3	8	<div class="row m-5 text-white text-center">
4	9
5	10	<div class="col-12 p-0">
...	...	@@ -4,7 +4,12 @@
4	4
5	5	html,
6	6	body {
7		- background-color: #f0f0f0;
	7	+ height: 100%;
	8	+ background: linear-gradient(
	9	+ 0deg,
	10	+ #e6e6e6,
	11	+ #fff
	12	+ );
8	13	font-family: bahnschrift;
9	14	overflow: hidden !important;
10	15	}
...	...	@@ -53,7 +58,7 @@ body {
53	58	overflow-y: auto !important;
54	59	overflow-x: hidden !important;
55	60	&::-webkit-scrollbar {
56		- width: .75em;
	61	+ width: 0.75em;
57	62	}
58	63	&::-webkit-scrollbar-track {
59	64	border-radius: 10px;
...	...	@@ -82,11 +87,19 @@ body {
82	87	}
83	88
84	89	.bg-primary-gradient {
85		- background: linear-gradient(135deg, rgba(40, 112, 175, 1) 0%, rgba(0, 32, 66, 1) 100%);
	90	+ background: linear-gradient(
	91	+ 135deg,
	92	+ rgba(40, 112, 175, 1) 0%,
	93	+ rgba(0, 32, 66, 1) 100%
	94	+ );
86	95	}
87	96
88	97	.bg-primary-gradient-horizontal {
89		- background: linear-gradient(90deg, rgba(40, 112, 175, 1) 0%, rgba(0, 32, 66, 1) 100%);
	98	+ background: linear-gradient(
	99	+ 90deg,
	100	+ rgba(40, 112, 175, 1) 0%,
	101	+ rgba(0, 32, 66, 1) 100%
	102	+ );
90	103	}
91	104
92	105	.icon-dim {
...	...	@@ -163,3 +176,11 @@ body {
163	176	justify-content: center !important;
164	177	display: flex !important;
165	178	}
	179	+
	180	+.z-index-0 {
	181	+ z-index: 0;
	182	+}
	183	+
	184	+.w-15 {
	185	+ width: 15% !important;
	186	+}
166	187	\ No newline at end of file