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

fix too small message

Browse Source
This commit is contained in:
Lachlan Kermode
2020-06-26 11:08:32 +02:00
parent 678131683b
commit ec418f4a41
2 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Layout.js
View File

@@ -172,20 +172,21 @@ class Dashboard extends React.Component {
render () {
const { actions, app, domain, ui, features } = this.props
if (isMobile || window.innerWidth < 1000) {
if (isMobile || window.innerWidth < 600) {
const msg = 'This platform is not suitable for mobile. Please re-visit the site on a device with a larger screen.'
return (
<div>
{features.USE_COVER && (
{features.USE_COVER ? (
<StaticPage showing={app.flags.isCover}>
{/* enable USE_COVER in config.js features, and customise your header */}
{/* pass 'actions.toggleCover' as a prop to your custom header */}
<TemplateCover showAppHandler={() => {
/* eslint-disable no-undef */
alert('This platform is not suitable for mobile. Please re-visit the site on a device with a larger screen.')
alert(msg)
/* eslint-enable no-undef */
}} />
</StaticPage>
)}
) : <div className='fixedTooSmallMessage'>{msg}</div>}
</div>
)
}