diff --git a/ponyracer/package.json b/ponyracer/package.json index 107618bf9..8f14677ec 100644 --- a/ponyracer/package.json +++ b/ponyracer/package.json @@ -10,30 +10,30 @@ }, "private": true, "dependencies": { - "@angular/animations": "~12.1.1", - "@angular/common": "~12.1.1", - "@angular/compiler": "~12.1.1", - "@angular/core": "~12.1.1", - "@angular/forms": "~12.1.1", - "@angular/platform-browser": "~12.1.1", - "@angular/platform-browser-dynamic": "~12.1.1", - "@angular/router": "~12.1.1", + "@angular/animations": "~12.1.2", + "@angular/common": "~12.1.2", + "@angular/compiler": "~12.1.2", + "@angular/core": "~12.1.2", + "@angular/forms": "~12.1.2", + "@angular/platform-browser": "~12.1.2", + "@angular/platform-browser-dynamic": "~12.1.2", + "@angular/router": "~12.1.2", "rxjs": "~6.6.0", "tslib": "^2.2.0", "zone.js": "~0.11.4" }, "devDependencies": { - "@angular-devkit/build-angular": "~12.1.1", - "@angular/cli": "~12.1.1", - "@angular/compiler-cli": "~12.1.1", - "@types/jasmine": "~3.6.0", + "@angular-devkit/build-angular": "~12.1.2", + "@angular/cli": "~12.1.2", + "@angular/compiler-cli": "~12.1.2", + "@types/jasmine": "~3.8.0", "@types/node": "^12.11.1", - "jasmine-core": "~3.7.0", + "jasmine-core": "~3.8.0", "karma": "~6.3.0", "karma-chrome-launcher": "~3.1.0", "karma-coverage": "~2.0.3", "karma-jasmine": "~4.0.0", - "karma-jasmine-html-reporter": "^1.5.0", + "karma-jasmine-html-reporter": "~1.7.0", "typescript": "~4.3.2" } } diff --git a/ponyracer/src/app/app.component.html b/ponyracer/src/app/app.component.html index dab1b14e5..33752f3b2 100644 --- a/ponyracer/src/app/app.component.html +++ b/ponyracer/src/app/app.component.html @@ -96,6 +96,7 @@ } .card { + all: unset; border-radius: 4px; border: 1px solid #eee; background-color: #fafafa; @@ -249,7 +250,6 @@ background-image: linear-gradient(-180deg,#fafbfc,#eff3f6 90%); margin-left: 4px; font-weight: 600; - font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; } .github-star-badge:hover { @@ -272,10 +272,8 @@ width: 1920px; } - /* Responsive Styles */ @media screen and (max-width: 767px) { - .card-container > *:not(.circle-link) , .terminal { width: 100%; @@ -359,31 +357,24 @@

Resources

- Learn Angular - - CLI Documentation - - Angular Blog - Angular DevTools - @@ -396,41 +387,35 @@

Next Steps

-
- - +
- -
- + +
- -
- + +
+ -
+
+ -
+
+ -
+
+
diff --git a/ponyracer/src/app/app.component.spec.ts b/ponyracer/src/app/app.component.spec.ts index 519db2a77..72e08dc63 100644 --- a/ponyracer/src/app/app.component.spec.ts +++ b/ponyracer/src/app/app.component.spec.ts @@ -25,7 +25,7 @@ describe('AppComponent', () => { it('should render title', () => { const fixture = TestBed.createComponent(AppComponent); fixture.detectChanges(); - const compiled = fixture.nativeElement; - expect(compiled.querySelector('.content span').textContent).toContain('ponyracer app is running!'); + const compiled = fixture.nativeElement as HTMLElement; + expect(compiled.querySelector('.content span')?.textContent).toContain('ponyracer app is running!'); }); });