bellingcat/ukraine-timemap
1
0
Fork 0
mirror of https://github.com/bellingcat/ukraine-timemap.git synced 2026-06-13 13:58:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

move logo to bottom left

Browse Source
This commit is contained in:
Lachlan Kermode
2019-08-28 10:45:54 +01:00
parent 5949136cbb
commit 099bf11448
3 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/fa-logo.png Normal file → Executable file
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 88 KiB

After

Width:  |  Height:  |  Size: 39 KiB

6
src/components/TemplateCover.js
View File

@@ -117,6 +117,9 @@ class TemplateCover extends React.Component {
const { videos } = this.props.cover
return (
<div className='default-cover-container'>
<a className='cover-logo-container' href='https://forensic-architecture.org'>
<img className='cover-logo' src={logo} />
</a>
<div className='cover-content'>
{
this.props.cover.bgVideo ? (
@@ -133,9 +136,6 @@ class TemplateCover extends React.Component {
</div>
) : null
}
<a className='cover-logo-container' href='https://forensic-architecture.org'>
<img className='cover-logo' src={logo} />
</a>
<h1>{this.props.cover.title}</h1>
<h3>{this.props.cover.subtitle}</h3>
{

8
src/scss/cover.scss
View File

@@ -19,14 +19,16 @@
}
.cover-logo-container {
width: 100%;
position: absolute;
bottom: 20px;
left: 20px;
display: flex;
justify-content: center;
}
.cover-logo {
margin-top: 10px;
width: 200px;
width: 60px;
height: 60px;
}