This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container--todo-header"> | |
| <h1>Todo App Angular</h1> | |
| </div> | |
| <app-todo-input (onTodoAdd)="handleTodoAdd($event)"></app-todo-input> | |
| <hr> | |
| <div class="margin-top-50"> | |
| <app-todo-list | |
| [todo]="todoEl" | |
| [index]="i" | |
| *ngFor="let todoEl of todos;let i = index"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .container { | |
| display: flex; | |
| justify-content: center; | |
| margin-bottom: 39px; | |
| } | |
| .todo--input { | |
| width: 40%; | |
| padding: 12px 20px; | |
| border: 1px solid #ccc; | |
| border-radius: 4px; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .container { | |
| display: flex; | |
| justify-content: center; | |
| margin-bottom: 39px; | |
| } | |
| .todo--input { | |
| width: 40%; | |
| padding: 12px 20px; | |
| border: 1px solid #ccc; | |
| border-radius: 4px; |
SharanGoharKhan
/ Hello.html
Created
March 2, 2017 15:43
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Hello |
SharanGoharKhan
/ index.html
Created
November 23, 2016 16:48
— forked from puf/index.html
Zero to App: Develop with Firebase (for Web - Google I/O 2016)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <script src="https://www.gstatic.com/firebasejs/3.0.0/firebase.js"></script> | |
| <title>ZeroToApp</title> | |
| <style> | |
| #messages { width: 40em; border: 1px solid grey; min-height: 20em; } | |
| #messages img { max-width: 240px; max-height: 160px; display: block; } | |
| #header { position: fixed; top: 0; background-color: white; } | |
| .push { margin-bottom: 2em; } | |
| @keyframes yellow-fade { 0% {background: #f2f2b8;} 100% {background: none;} } |
NewerOlder