wathiede/tracerviewer
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Lint cleanup, center text on images.

Browse Source
This commit is contained in:
Bill Thiede 2019-10-26 15:06:24 -07:00
parent 9b1080c43e
commit 0e9274f3fe
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.css
View File

@ -9,6 +9,10 @@
cursor: crosshair; cursor: crosshair;
} }
.frame .name {
text-align: center;
}
.title { .title {
color: #fff; color: #fff;
} }

5
src/App.js
View File

@ -3,7 +3,6 @@ import './App.css';
import { import {
Columns, Columns,
Heading, Heading,
Media,
} from 'react-bulma-components'; } from 'react-bulma-components';
@ -186,7 +185,7 @@ class App extends React.Component {
}); });
images = imageMetadata.map((metadata) => { images = imageMetadata.map((metadata) => {
let {name, size, ratio, image} = metadata; let {name, ratio, image} = metadata;
let width = 256; let width = 256;
let height = (ratio * width).toFixed(); let height = (ratio * width).toFixed();
let url = ROOT + image + '?t=' + timestamp; let url = ROOT + image + '?t=' + timestamp;
@ -215,7 +214,7 @@ class App extends React.Component {
onWheel={mouseScroll} onWheel={mouseScroll}
className="frame" className="frame"
style={{backgroundImage: 'url("' + url + '")', ...style}}> style={{backgroundImage: 'url("' + url + '")', ...style}}>
<p>{name}</p> <p className="name">{name}</p>
</div>) </div>)
}); });
mainContent = <div> mainContent = <div>