archive-gh-me/react-viewer
1
0
Fork 0
mirror of https://github.com/infeng/react-viewer.git synced 2025-12-08 17:36:40 +00:00
Code Issues Projects Releases Wiki Activity

Update ViewerNav.tsx

Browse Source 
fixed marginLeft
This commit is contained in:
khitryk 2018-11-19 13:40:30 +00:00 committed by GitHub
parent ec26810ced
commit fd1ea5f05e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/ViewerNav.tsx
View File

@ -21,9 +21,10 @@ export default class ViewerNav extends React.Component<ViewerNavProps, any> {
}
render() {
let marginLeft = (Math.ceil(this.props.images.length / 2) - this.props.activeIndex - 1) * 1.5 * 30;
var marginLeft = `calc(50% - ${this.props.activeIndex + 1} * 31px)`;
let listStyle = {
marginLeft: `${marginLeft}px`,
marginLeft: marginLeft,
textAlign: 'left'
};
return (