diff --git a/package.json b/package.json index 2c7043e..d723223 100644 --- a/package.json +++ b/package.json @@ -4,6 +4,7 @@ "private": true, "dependencies": { "babel-loader": "8.0.6", + "moment": "^2.24.0", "react": "^16.10.2", "react-bulma-components": "3.1.3", "react-dom": "^16.10.2", diff --git a/src/App.css b/src/App.css index f5d2f2f..6e9148f 100644 --- a/src/App.css +++ b/src/App.css @@ -17,7 +17,15 @@ color: #fff; } +.subtitle { + color: #aaa; +} + .value { text-align: center; border: 1px solid #888; } + +.menu { + margin: .5em; +} diff --git a/src/App.js b/src/App.js index 1ca89b9..5078b7e 100644 --- a/src/App.js +++ b/src/App.js @@ -1,4 +1,5 @@ import React from 'react'; +import moment from 'moment'; import './App.css'; import { Columns, @@ -186,7 +187,7 @@ class App extends React.Component { images = imageMetadata.map((metadata) => { let {name, ratio, image} = metadata; - let width = 256; + let width = 384; let height = (ratio * width).toFixed(); let url = ROOT + image + '?t=' + timestamp; const mouseMove = (e) => { @@ -217,9 +218,13 @@ class App extends React.Component {
{name}
) }); + let time = moment.unix(timestamp); mainContent =