Skip to content
This repository was archived by the owner on Oct 12, 2024. It is now read-only.

Commit 6bc8fa1

Browse files
committed
CSS Changes
1 parent aa9aa0e commit 6bc8fa1

File tree

4 files changed

+21
-13
lines changed

4 files changed

+21
-13
lines changed

src/app/feature/feature.component.html

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,9 @@
1-
<img src="../assets/angular.png" alt="AngularLogo" *ngIf="showLoder" style="width:50px;
2-
height:50px;
3-
position: fixed;top: 50%;
4-
left: 50%;
5-
transform: translate(-50%, -50%);">
61
<div class="center-this">
72
<div class="container">
83
<div class="col-md-12">
9-
<mat-card>Welcome To Feature Modules
10-
<br>
11-
<br>
4+
<mat-card>
5+
<h4>This is a different module (FeatureModule)</h4><br>
6+
<button mat-raised-button color="basic" routerLink='/'>Back</button>
127
</mat-card>
138
</div>
149
</div>

src/app/feature/feature.module.ts

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,16 @@
11
import { NgModule } from '@angular/core';
22
import { CommonModule } from '@angular/common';
3-
import {FeatureComponent} from './feature.component';
3+
import { FeatureComponent } from './feature.component';
44
import { FeatureRoutingModule } from './feature-routing.module';
55
import { MatCardModule } from '@angular/material/card';
6-
6+
import { SharedModule } from './../shared/shared.module';
77

88
@NgModule({
99
imports: [
1010
CommonModule,
1111
FeatureRoutingModule,
12-
MatCardModule
12+
MatCardModule,
13+
SharedModule
1314
],
1415
declarations: [
1516
FeatureComponent,

src/app/welcome/welcome.component.html

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,11 @@
22
<div class="container">
33
<div class="col-md-12">
44
<mat-card>
5-
<h2>Angular (SSR) + Node.js (TypeScript) Boiler / Starter</h2>
6-
<hr>
5+
<h2>Angular (SSR) + Node.js (TypeScript) Boiler / Starter</h2><br>
76
<button mat-raised-button color="accent" routerLink='/feature'>Lazy Load Module</button>
7+
<hr>
8+
<a class="github-button" href="https://github.com/meetdave3/angular-node-typescript-boiler" data-icon="octicon-star"
9+
data-size="large" data-show-count="true" aria-label="Star ntkme/github-buttons on GitHub">Star</a>
810
</mat-card>
911
</div>
1012
</div>

src/styles.scss

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,16 @@
22

33
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
44

5+
html,
6+
body {
7+
display: flex;
8+
flex-direction: column;
9+
justify-content: center;
10+
align-items: center;
11+
text-align: center;
12+
min-height: 60vh;
13+
}
14+
515
.white-text {
616
color: white;
717
}

0 commit comments

Comments
 (0)