andrew/rock-paper-scissors
1
0
Fork 0
Code Releases Activity

Updated layout, added toolbar

Browse Source
This commit is contained in:
Andrew Kemp
2020-05-12 16:57:34 -04:00
parent 99db3eed06
commit ff172e11d7
4 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/app.component.html
View File

@@ -1,7 +1,3 @@
<!--The content below is only a placeholder and can be replaced.--> <mat-toolbar color="primary">
<div style="text-align:center"> <span>Rock Paper Scissors</span>
<h1> </mat-toolbar>
Welcome to {{title}}!
</h1>
</div>
<!-- Build out your angular code here! -->

1
src/app/app.component.ts
View File

@@ -6,5 +6,4 @@ import { Component } from '@angular/core';
styleUrls: ['./app.component.css'] styleUrls: ['./app.component.css']
}) })
export class AppComponent { export class AppComponent {
title = 'Rock Paper Scissors';
} }

7
src/app/app.module.ts
View File

@@ -2,7 +2,10 @@ import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core'; import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatButtonModule } from '@angular/material/button';
import { MatToolbarModule } from '@angular/material/toolbar';
import { StoreModule } from '@ngrx/store'; import { StoreModule } from '@ngrx/store';
import { AppComponent } from './app.component'; import { AppComponent } from './app.component';
@NgModule({ @NgModule({
@@ -12,7 +15,9 @@ import { AppComponent } from './app.component';
imports: [ imports: [
BrowserModule, BrowserModule,
BrowserAnimationsModule, BrowserAnimationsModule,
StoreModule.forRoot({}, {}) MatButtonModule,
MatToolbarModule,
StoreModule.forRoot({}, {}),
], ],
providers: [], providers: [],
bootstrap: [AppComponent] bootstrap: [AppComponent]

3
src/index.html
View File

@@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Rock Paper Scissors</title> <title>Rock Paper Scissors</title>
@@ -10,7 +11,9 @@
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head> </head>
<body class="mat-typography"> <body class="mat-typography">
<app-root></app-root> <app-root></app-root>
</body> </body>
</html> </html>