ztimson/map-alliance
ztimson/map-alliance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases 1 Activity

made mobile friendly

Browse Source
This commit is contained in:
Zakary Timson 2019-07-11 18:10:56 -04:00
parent 6c260c303c
commit baa2002c57
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,13 +1,13 @@
<div class="d-flex w-100 h-100 flex-column justify-content-center align-items-center" style="background-color: #1976d2"> <div class="d-flex w-100 h-100 flex-column justify-content-center align-items-center px-4" style="background-color: #1976d2">
<div> <div>
<img src="assets/images/logo.png"> <img src="assets/images/logo.png" width="100%" height="auto">
</div> </div>
<div class="my-5"> <div class="my-5 text-center">
<h3 class="text-white">Collaborative map making... {{typedText | async}}</h3> <h3 class="text-white">Collaborative map making... {{typedText | async}}</h3>
</div> </div>
<div> <div>
<div class="row"> <div class="row">
<div class="col border-right border-white"> <div class="col">
<button mat-flat-button class="w-100 text-white" style="background-color: #dd4b39"> <button mat-flat-button class="w-100 text-white" style="background-color: #dd4b39">
<i class="fab fa-google mr-2"></i> Sign in with Google <i class="fab fa-google mr-2"></i> Sign in with Google
</button> </button>
@ -18,7 +18,7 @@
<i class="fab fa-facebook mr-2"></i>Sign in with Facebook <i class="fab fa-facebook mr-2"></i>Sign in with Facebook
</button> </button>
</div> </div>
<div class="col border-left border-white"> <div class="col mt-5 mt-md-0">
<button mat-flat-button class="w-100 text-white" style="background-color: #dd0330" (click)="new()"> <button mat-flat-button class="w-100 text-white" style="background-color: #dd0330" (click)="new()">
<mat-icon>add</mat-icon> New Map <mat-icon>add</mat-icon> New Map
</button> </button>