Commit 909fc378 authored by Pamela Petterchak's avatar Pamela Petterchak
Browse files

fixed bugs

parent 29c72838
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ClosingVideoComponent } from './closing/closing.component';
import { CreditsComponent } from './credits/credits.component';
import { GamePlayComponent } from './game-play/game-play.component';
import { LandingPageComponent } from './landing/landing.component';
import { OpeningVideoComponent } from './opening/opening.component';
const routes: Routes = [
{ path: '', redirectTo: 'landing-page', pathMatch: 'full' },
{
path: 'landing-page',
loadChildren: () =>
import('./landing/landing.module').then((m) => m.LandingPageModule),
component: LandingPageComponent,
},
{
path: 'opening-video',
loadChildren: () =>
import('./opening/opening.module').then((m) => m.OpeningVideoModule),
component: OpeningVideoComponent,
},
{
path: 'game-play',
loadChildren: () =>
import('./game-play/game-play.module').then((m) => m.GamePlayModule),
component: GamePlayComponent,
},
{
path: 'closing-video',
loadChildren: () =>
import('./closing/closing.module').then((m) => m.ClosingVideoModule),
component: ClosingVideoComponent,
},
{
path: 'credits',
loadChildren: () =>
import('./credits/credits.module').then((m) => m.CreditsModule),
component: CreditsComponent,
},
];
......
<header>
<nav>
<div class="nav-wrapper">
<ul>
<li routerLinkActive="green-background">
<!-- <mat-selection-list [multiple]="false">
<mat-list-option>
<a routerLink="/landing-page">Landing</a>
</li>
<li routerLinkActive="green-background">
</mat-list-option>
<mat-list-option>
<a routerLink="/opening-video">Opening</a>
</li>
<li routerLinkActive="green-background">
</mat-list-option>
<mat-list-option>
<a routerLink="/game-play">Game Play</a>
</li>
<li routerLinkActive="green-background">
<a routerLink="/closing-video">Closing</a>
</li>
<li routerLinkActive="green-background">
</mat-list-option>
<mat-list-option>
<a routerLink="/credits">Credits</a>
</li>
</ul>
</div>
</nav>
</header>
<div>
<router-outlet></router-outlet>
</div>
</mat-list-option>
</mat-selection-list> -->
<router-outlet></router-outlet>
......@@ -3,10 +3,20 @@
text-align: center;
}
@media only screen and (min-width: 601px) {
.two-across {
grid-template-columns: repeat(2, 1fr);
}
.mat-selection-list {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: green;
}
.mat-list-option {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
}
//.left {
......
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { MaterialDepsModule } from 'src/app/material-deps.module';
import { ClickComponent } from './click.component';
const cmsRoutes: Routes = [{ path: '', component: ClickComponent }];
@NgModule({
declarations: [ClickComponent],
imports: [CommonModule, RouterModule.forChild(cmsRoutes)],
imports: [CommonModule, RouterModule.forChild(cmsRoutes), MaterialDepsModule],
exports: [ClickComponent],
})
export class ClickModule { }
export class ClickModule {}
<!-- Need to create two columns - one with assets, one with cookie clicker stuff -->
<button mat-raised-button>
<a routerLink="/credits">Credits</a>
</button>
<div class="two-across">
<div>
<mat-card class="title">
<mat-card class="title">
<mat-card-title>Test</mat-card-title>
</mat-card>
<app-accumulators></app-accumulators>
</div>
</mat-card>
<app-accumulators></app-accumulators>
<div>
<mat-card class="title">
<mat-card class="title">
<mat-card-title>Pickle Clicker</mat-card-title>
<mat-card-subtitle>Click My Pickle!</mat-card-subtitle>
</mat-card>
<app-click></app-click>
</div>
</div>
</mat-card>
<app-click></app-click>
/* You can add global styles to this file, and also import other style files */
@media only screen and (min-width: 601px) {
.two-across {
grid-template-columns: repeat(2, 1fr);
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment