arreglo en boton ver carrito y total de seleccion de articulos

Marcelo Puebla
1 parent 0832dfca47
Showing 2 changed files with 17 additions and 15 deletions Show diff stats
src/app/modules/seleccion-articulos/seleccion-articulos.component.html
src/app/modules/seleccion-articulos/seleccion-articulos.component.scss
@@ -203,20 +203,27 @@
           </div>
         </div>
       </div>
-      <!-- VER CARRITO Y TOTAL-->
+      <!-- TOTAL-->
       <div
-        class="col-auto p-0 mt-2 ml-auto h-20"
+        class="col-auto mt-2 ml-auto h-20">
+        <div class="row mx-0">
+          <div class="col-auto align-self-center text-primary">TOTAL</div>
+          <div class="col-auto bg-primary badge-pill">
+            <p class="text-center text-white mt-1 py-1">{{articuloService.subTotal | currency}}</p>
+          </div>
+        </div>
+      </div>
+
+      <!-- VER CARRITO -->
+      <div
+        class="col-auto mt-2 h-20"
         *ngIf="articuloService.carrito.length">
         <div
-          class="btn-effect col-auto align-self-center px-0 bg-white"
+          class="btn-effect col-auto px-0 align-self-center bg-white"
           [routerLink]="['/carrito']">
-          <div class="row justify-content-between mx-0">
-            <div class="col-auto align-self-center text-primary">TOTAL</div>
-            <div class="col-auto p-0 bg-primary d-none d-sm-block bg-total">
-              <p class="text-center text-white mt-1 py-1">{{articuloService.subTotal | currency}}</p>
-            </div>
-            <div class="col-auto align-self-center text-primary ml-2 bg-light">VER CARRITO</div>
-            <div class="col-auto p-0 bg-primary d-none d-sm-block">
+          <div class="row mx-0 bg-light">
+            <div class="col-auto align-self-center text-primary d-none d-sm-block">VER CARRITO</div>
+            <div class="col-auto p-0 bg-primary">
               <img
                 draggable="false"
                 ondragstart="return false;"
@@ -38,8 +38,3 @@ $primary: #aa006b;
 .line-height-sm {
   line-height: 1.2;
 }
-
-.bg-total {
-  width: 110px;
-  border-radius: 1.5rem;
-}
...	...	@@ -203,20 +203,27 @@
203	203	</div>
204	204	</div>
205	205	</div>
206		- <!-- VER CARRITO Y TOTAL-->
	206	+ <!-- TOTAL-->
207	207	<div
208		- class="col-auto p-0 mt-2 ml-auto h-20"
	208	+ class="col-auto mt-2 ml-auto h-20">
	209	+ <div class="row mx-0">
	210	+ <div class="col-auto align-self-center text-primary">TOTAL</div>
	211	+ <div class="col-auto bg-primary badge-pill">
	212	+ <p class="text-center text-white mt-1 py-1">{{articuloService.subTotal \| currency}}</p>
	213	+ </div>
	214	+ </div>
	215	+ </div>
	216	+
	217	+ <!-- VER CARRITO -->
	218	+ <div
	219	+ class="col-auto mt-2 h-20"
209	220	*ngIf="articuloService.carrito.length">
210	221	<div
211		- class="btn-effect col-auto align-self-center px-0 bg-white"
	222	+ class="btn-effect col-auto px-0 align-self-center bg-white"
212	223	[routerLink]="['/carrito']">
213		- <div class="row justify-content-between mx-0">
214		- <div class="col-auto align-self-center text-primary">TOTAL</div>
215		- <div class="col-auto p-0 bg-primary d-none d-sm-block bg-total">
216		- <p class="text-center text-white mt-1 py-1">{{articuloService.subTotal \| currency}}</p>
217		- </div>
218		- <div class="col-auto align-self-center text-primary ml-2 bg-light">VER CARRITO</div>
219		- <div class="col-auto p-0 bg-primary d-none d-sm-block">
	224	+ <div class="row mx-0 bg-light">
	225	+ <div class="col-auto align-self-center text-primary d-none d-sm-block">VER CARRITO</div>
	226	+ <div class="col-auto p-0 bg-primary">
220	227	<img
221	228	draggable="false"
222	229	ondragstart="return false;"
...	...	@@ -38,8 +38,3 @@ $primary: #aa006b;
38	38	.line-height-sm {
39	39	line-height: 1.2;
40	40	}
41		-
42		-.bg-total {
43		- width: 110px;
44		- border-radius: 1.5rem;
45		-}