1
0

Updated layout, added toolbar

This commit is contained in:
2020-05-12 16:57:34 -04:00
parent 99db3eed06
commit ff172e11d7
4 changed files with 14 additions and 11 deletions

View File

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

View File

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

View File

@@ -2,7 +2,10 @@ import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
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 { AppComponent } from './app.component';
@NgModule({
@@ -12,7 +15,9 @@ import { AppComponent } from './app.component';
imports: [
BrowserModule,
BrowserAnimationsModule,
StoreModule.forRoot({}, {})
MatButtonModule,
MatToolbarModule,
StoreModule.forRoot({}, {}),
],
providers: [],
bootstrap: [AppComponent]

View File

@@ -1,8 +1,9 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>RockPaperScissors</title>
<title>Rock Paper Scissors</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -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/icon?family=Material+Icons" rel="stylesheet">
</head>
<body class="mat-typography">
<app-root></app-root>
</body>
</html>
</html>