diff --git a/src/app/app.module.ts b/src/app/app.module.ts index f5184a9..eeda00b 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -6,13 +6,15 @@ import { AppComponent } from './app.component'; import { SplashScreenComponent } from './modules/splash-screen/splash-screen.component'; import { SplitPipe } from './pipes/split.pipe'; import { AdminComponent } from './modules/admin/admin.component'; +import { FooterComponent } from './modules/footer/footer.component'; @NgModule({ declarations: [ AppComponent, SplashScreenComponent, SplitPipe, - AdminComponent + AdminComponent, + FooterComponent ], imports: [ BrowserModule, diff --git a/src/app/modules/footer/footer.component.html b/src/app/modules/footer/footer.component.html new file mode 100644 index 0000000..28c0d7d --- /dev/null +++ b/src/app/modules/footer/footer.component.html @@ -0,0 +1 @@ +

footer works!

diff --git a/src/app/modules/footer/footer.component.scss b/src/app/modules/footer/footer.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/modules/footer/footer.component.spec.ts b/src/app/modules/footer/footer.component.spec.ts new file mode 100644 index 0000000..2ca6c45 --- /dev/null +++ b/src/app/modules/footer/footer.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FooterComponent } from './footer.component'; + +describe('FooterComponent', () => { + let component: FooterComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ FooterComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(FooterComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/modules/footer/footer.component.ts b/src/app/modules/footer/footer.component.ts new file mode 100644 index 0000000..da17d82 --- /dev/null +++ b/src/app/modules/footer/footer.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-footer', + templateUrl: './footer.component.html', + styleUrls: ['./footer.component.scss'] +}) +export class FooterComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/modules/formas-pago/formas-pago.component.html b/src/app/modules/formas-pago/formas-pago.component.html index fa371f7..00de206 100644 --- a/src/app/modules/formas-pago/formas-pago.component.html +++ b/src/app/modules/formas-pago/formas-pago.component.html @@ -4,4 +4,24 @@ - \ No newline at end of file +
+
+
+ +

ESTA TERMINAL OPERA CON

+

+ tarjetas y + +

+ +
+
+
+
+ +

SI PREFERIS PAGAR EN EFECTIVO

+

te esperamos en la caja

+
+
+
+ diff --git a/src/app/modules/formas-pago/formas-pago.component.scss b/src/app/modules/formas-pago/formas-pago.component.scss index e69de29..a556392 100644 --- a/src/app/modules/formas-pago/formas-pago.component.scss +++ b/src/app/modules/formas-pago/formas-pago.component.scss @@ -0,0 +1,9 @@ +.img-in-top { + position: absolute; + top: -35px; + left: 50%; + height: 70px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + border-radius: 50%; +} diff --git a/src/assets/img/LogoSpot2.svg b/src/assets/img/LogoSpot2.svg deleted file mode 100644 index 186b636..0000000 --- a/src/assets/img/LogoSpot2.svg +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - - - - - - - diff --git a/src/assets/img/icono-mercado-pago.svg b/src/assets/img/icono-mercado-pago.svg new file mode 100644 index 0000000..6142476 --- /dev/null +++ b/src/assets/img/icono-mercado-pago.svg @@ -0,0 +1,162 @@ + + + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/img/logo-spot-2.svg b/src/assets/img/logo-spot-2.svg new file mode 100644 index 0000000..186b636 --- /dev/null +++ b/src/assets/img/logo-spot-2.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + diff --git a/src/scss/height-width.scss b/src/scss/height-width.scss index 97ec918..190e635 100644 --- a/src/scss/height-width.scss +++ b/src/scss/height-width.scss @@ -4,3 +4,10 @@ height: $heightValue !important; } } + +@for $i from 1 through 100 { + $widthValue: 1% * $i; + .w-#{$i} { + width: $widthValue !important; + } +}