Skip to content
Snippets Groups Projects
Commit 3f65008c authored by Aymeric Bernard's avatar Aymeric Bernard
Browse files

Redesigned front-end

parent fe48bf23
Branches
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
front/src/App.js
+ 0
− 2
View file @ 3f65008c
......@@ -21,9 +21,7 @@ class App extends Component {
render() {
return (
<div>
<hr className="mini" />
{this.state.data.rows.map(row => <Row row={row} />)}
<hr style={{ color: '#DDDDDD' }} />
<div className="mini">
<p>
Last data: {new Date(Date.now()).toLocaleString()}; TTL: {this.state.data.ttl / 1000}s
......
front/src/Row.js
+ 1
− 1
View file @ 3f65008c
......@@ -49,7 +49,7 @@ const Row = ({ row }) => {
break;
}
return (
<div style={{ backgroundColor: '#F2F2FF', padding: '10px' }}>
<div style={{ padding: '10px' }}>
<SubRow row={row} />
</div>
);
......
front/src/index.html
+ 3
− 3
View file @ 3f65008c
......@@ -7,14 +7,14 @@
</head>
<body>
<div id="panel_data"></div>
<p style="color: #DDDDDD">Date:
<span id="date">
Not connected
</span>
</p>
<div id="panel_data"></div>
<style type="text/css" id="root"></style>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.slim.js"></script>
......
front/src/style.css
+ 7
− 7
View file @ 3f65008c
html {
background-color: #eee;
}
.mini p {
color: #dddddd;
color: #ddd;
margin: 0;
}
.bloc {
background-color: #fff;
margin-bottom: 10px;
box-shadow: 0px 6px 10px 0px #aaa;
}
.text-bloc {
min-height: var(--rowHeight);
border: 1px solid black;
background-color: #e2ffe0;
padding: 10px;
display: flex;
justify-content: space-between;
}
.image-bloc {
border: 1px solid black;
background-color: #ffdddd;
}
.image-bloc img {
......@@ -29,8 +31,6 @@
}
.image-text-bloc {
border: 1px solid black;
background-color: #ffffdd;
padding: 10px;
display: flex;
}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment