diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 400790f..0de5e78 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -21,12 +21,11 @@ const routes: Routes = [ path: 'seleccion-articulos', loadChildren: () => import('./modules/seleccion-articulos/seleccion-articulos.module').then(m => m.SeleccionArticulosModule) }, - { - path: 'carrito', - loadChildren: () => import('./modules/carrito/carrito.module').then(m => m.CarritoModule) - }, ] }, + { + path: 'carrito', loadChildren: () => import('./modules/carrito/carrito.module').then(m => m.CarritoModule) + }, { path: '**', redirectTo: '', pathMatch: 'full' }, ]; diff --git a/src/app/modules/carrito/carrito.component.html b/src/app/modules/carrito/carrito.component.html index ebb8c5b..06ca195 100644 --- a/src/app/modules/carrito/carrito.component.html +++ b/src/app/modules/carrito/carrito.component.html @@ -2,8 +2,81 @@ -
+
+ +
+
+
+

ESTE ES TÚ CARRITO DE COMPRAS

+
+
+
+ +
+
+ +
+
+ +
+ +
+

{{'CORTADO'}}

+
+
+ +
+

CANT

+
+
+
+
+ + +
+
+

{{55}}

+
+
+ + +
+
+
+
+
+ +
+

OPCIONALES

+

{{'AZÚCAR'}}

+
+
+ + CAMBIAR + + +
+
+
+ +
+
+
+ + ELIMINAR + + +
+
+
+
+
+
+
+
diff --git a/src/app/modules/formas-pago/formas-pago.component.html b/src/app/modules/formas-pago/formas-pago.component.html index b1dc040..e095499 100644 --- a/src/app/modules/formas-pago/formas-pago.component.html +++ b/src/app/modules/formas-pago/formas-pago.component.html @@ -17,7 +17,7 @@ class="d-inline-block py-1 btn-effect bg-secondary badge-pill text-white" [routerLink]="['/opcion-pedido']"> CONTINUAR - + diff --git a/src/app/modules/opcion-pedido/opcion-pedido.component.html b/src/app/modules/opcion-pedido/opcion-pedido.component.html index 61e3add..f06c178 100644 --- a/src/app/modules/opcion-pedido/opcion-pedido.component.html +++ b/src/app/modules/opcion-pedido/opcion-pedido.component.html @@ -17,11 +17,11 @@ (click)="goTo('/seleccion-articulos')">
- +
comer acá
- +
@@ -34,11 +34,11 @@ (click)="goTo('/seleccion-articulos')">
- +
para llevar
- +
diff --git a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html index 115e2e1..047cfbb 100644 --- a/src/app/modules/seleccion-articulos/seleccion-articulos.component.html +++ b/src/app/modules/seleccion-articulos/seleccion-articulos.component.html @@ -4,7 +4,7 @@
-
+

SELECCIONÁ TÚ COMIDA Y/O BEBIDA

@@ -74,7 +74,7 @@ {{55 | currency}}
- +
@@ -98,7 +98,7 @@ draggable="false" ondragstart="return false;" (contextmenu)="false" - class="img-ir rotate-180-neg" + class="icon-30 rotate-180-neg" src="assets/img/ir-fondo-color.svg" (mousedown)="scrollX(templateCarrito, -100)" (mouseup)="mouseup()" @@ -107,7 +107,7 @@
VER CARRITO
- +
diff --git a/src/app/shared/footer/footer.component.html b/src/app/shared/footer/footer.component.html index d495f35..eba51bf 100644 --- a/src/app/shared/footer/footer.component.html +++ b/src/app/shared/footer/footer.component.html @@ -3,7 +3,7 @@
ESTAMOS PARA AYUDARTE
- +
@@ -13,7 +13,7 @@
VOLVER
- +
diff --git a/src/assets/img/mas-blanco.svg b/src/assets/img/mas-blanco.svg new file mode 100644 index 0000000..b5dc722 --- /dev/null +++ b/src/assets/img/mas-blanco.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + diff --git a/src/assets/img/menos-blanco.svg b/src/assets/img/menos-blanco.svg new file mode 100644 index 0000000..c975378 --- /dev/null +++ b/src/assets/img/menos-blanco.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + diff --git a/src/scss/icons.scss b/src/scss/icons.scss index 14a12c0..b8e5dd6 100644 --- a/src/scss/icons.scss +++ b/src/scss/icons.scss @@ -1,15 +1,19 @@ -.img-ir { +.icon-20 { + width: 20px; +} + +.icon-30 { width: 30px; } -.img-plato { - width: 50px; +.icon-40 { + width: 40px; } -.img-accesibilidad { - width: 60px; +.icon-50 { + width: 50px; } -.img-volver { - width: 40px; +.icon-60 { + width: 60px; } diff --git a/src/scss/styles-bootstrap.scss b/src/scss/styles-bootstrap.scss index 5a211b5..a1d03bf 100644 --- a/src/scss/styles-bootstrap.scss +++ b/src/scss/styles-bootstrap.scss @@ -6,11 +6,13 @@ $primary: #aa006b; $secondary: #00acd8; $info: #f4b223; $light: #e6e7e9; +$dark: #61666c; $theme-colors: ( primary: $primary, secondary: $secondary, info: $info, - light: $light + light: $light, + dark: $dark ); $border-radius: 1.5rem; $border-radius-lg: 2.5rem; diff --git a/src/styles.scss b/src/styles.scss index a59d509..dd4d068 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -50,6 +50,10 @@ p { transform: translateX(-50%); } +.rotate-45 { + transform: rotate(45deg); +} + .rotate-90 { transform: rotate(90deg); }