3 changed files with 5 additions and 15 deletions
Unified View
Diff Options
-
+4 -1public/index.html
-
+1 -11src/App.css
-
+0 -3src/App.js
+ 4
- 1
public/index.html
View File
| @@ -8,13 +8,16 @@ | |||||
| <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"> | <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"> | ||||
| <title>Breakups</title> | <title>Breakups</title> | ||||
| </head> | </head> | ||||
| <header style="position: fixed; width: 100%; text-align: center; background-color: #222; height: 80px; left: 0px; top: 0px; right: 0px; color: white;"> | |||||
| <h1>Breakups</h1> | |||||
| </header> | |||||
| <body> | <body> | ||||
| <noscript> | <noscript> | ||||
| You need to enable JavaScript to run this app. | You need to enable JavaScript to run this app. | ||||
| </noscript> | </noscript> | ||||
| <div id="root"></div> | <div id="root"></div> | ||||
| </body> | </body> | ||||
| <footer style="position: fixed; bottom: 0px; left: 0px; text-align: center; width:100%; background-color: #222; height: 80px; color: white;"> | |||||
| <footer style="position: fixed; bottom: 0px; left: 0px; text-align: center; width:100%; background-color: #222; height: 60px; color: white;"> | |||||
| <h3>Made by <a href="https://binhonglee.github.io/" style="color:#04B45F">@binhonglee</a>. Fork this on <a href="https://github.com/binhonglee/breakups-webapp" style="color:cyan">GitHub</a>.</h5> | <h3>Made by <a href="https://binhonglee.github.io/" style="color:#04B45F">@binhonglee</a>. Fork this on <a href="https://github.com/binhonglee/breakups-webapp" style="color:cyan">GitHub</a>.</h5> | ||||
| </footer> | </footer> | ||||
| </html> | </html> | ||||
+ 1
- 11
src/App.css
View File
| @@ -1,18 +1,8 @@ | |||||
| .App { | .App { | ||||
| margin-top: 100px; | |||||
| text-align: center; | text-align: center; | ||||
| } | } | ||||
| .App-header { | |||||
| background-color: #222; | |||||
| height: 80px; | |||||
| padding: 10px; | |||||
| color: white; | |||||
| } | |||||
| .App-title { | |||||
| font-size: 1.5em; | |||||
| } | |||||
| .Forms { | .Forms { | ||||
| align-content: center; | align-content: center; | ||||
| align-items: center; | align-items: center; | ||||
+ 0
- 3
src/App.js
View File
| @@ -17,9 +17,6 @@ class App extends Component { | |||||
| render() { | render() { | ||||
| return ( | return ( | ||||
| <div className="App"> | <div className="App"> | ||||
| <header className="App-header"> | |||||
| <h1>Breakups</h1> | |||||
| </header> | |||||
| <h3>Easy way to split bills among multiple people.</h3> | <h3>Easy way to split bills among multiple people.</h3> | ||||
| <div className="Forms"> | <div className="Forms"> | ||||
| <form className="Main-form" onSubmit={this.populatePeople.bind(this)}> | <form className="Main-form" onSubmit={this.populatePeople.bind(this)}> | ||||