Commit fd7c4f99 authored by Jiawen Lyu's avatar Jiawen Lyu

use holy grail layout

parent afbeffd2
......@@ -10,17 +10,17 @@
}
.main {
float: left;
width: 75%;
margin-top: 1%;
width: 100%;
}
.left {
margin-left: 3%;
margin-top: 1%;
float: left;
width: 200px;
margin-left: -100%;
position: relative;
left: -200px;
}
.left-content {
margin: 0 30px;
}
.App-header, .App-footer {
background-color: #282c34;
......@@ -35,5 +35,6 @@
}
.main-container {
padding: 5px;
padding: 5px 0 5px 200px;
overflow: hidden;
}
\ No newline at end of file
......@@ -16,7 +16,7 @@ class App extends Component {
super(props)
const storage = new LocalStorageManager()
storage.set("logins", ["nguyetra","lyujiawe", "jbarthel"])
storage.set("logins", ["nguyetra", "lyujiawe", "jbarthel"])
let logins = storage.logins()
......@@ -38,7 +38,7 @@ class App extends Component {
} else {
alert("Student has been added in list. Please enter another login !");
}
}
deleteLogin = (login) => {
......@@ -57,32 +57,30 @@ class App extends Component {
return (
<div>
<header className="App-header">
<h1>UTC Scheduler</h1>
</header>
<h1>UTC Scheduler</h1>
</header>
<div className="clearfix main-container">
<div className="row">
<div className="left">
<LoginInput
handleClick={(this.addLogin)}
/>
<div>
<label htmlFor="exampleInputEmail1">Current students:</label>
</div>
<StudentsList
<div className="main">
<div className="scheduler-container">
<SchedulerWithData
timeFormatState={currentTimeFormatState}
onDataUpdated={this.logDataUpdate}
id="schedule"
logins={logins}
handleClick={(this.deleteLogin)}
/>
</div>
<div className="main">
<div className="scheduler-container">
<SchedulerWithData
timeFormatState={currentTimeFormatState}
onDataUpdated={this.logDataUpdate}
id="schedule"
logins={logins}
/>
</div>
</div>
<div className="left">
<LoginInput
handleClick={(this.addLogin)}
/>
<div>
<label htmlFor="exampleInputEmail1">Current students:</label>
</div>
<StudentsList
logins={logins}
handleClick={(this.deleteLogin)}
/>
</div>
</div>
<footer className="App-footer">
......
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