summaryrefslogtreecommitdiff
path: root/frontend/site/projects/museum/views/landscape.warning.js
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/site/projects/museum/views/landscape.warning.js')
-rw-r--r--frontend/site/projects/museum/views/landscape.warning.js14
1 files changed, 11 insertions, 3 deletions
diff --git a/frontend/site/projects/museum/views/landscape.warning.js b/frontend/site/projects/museum/views/landscape.warning.js
index a0b6e64..a5f794e 100644
--- a/frontend/site/projects/museum/views/landscape.warning.js
+++ b/frontend/site/projects/museum/views/landscape.warning.js
@@ -2,7 +2,7 @@ import React, { Component } from 'react'
import './landscape.warning.css'
-import { isMobile } from 'app/utils'
+import { isMobile, isiPhone } from 'app/utils'
import { LastMuseumLogoNoBlur } from '../icons'
const PhoneIcon = (
@@ -46,8 +46,16 @@ export default class LandscapeWarning extends Component {
{RotateIcon}
{PhoneIcon}
{LastMuseumLogoNoBlur}
- <div className="landscape-message">{'Please rotate your device'}</div>
+ {isiPhone && <div className="landscape-message">{'Please tap '}<small>A</small>{'A and Hide Toolbar'}{ToolbarSymbol}<br/>{'then rotate your device.'}</div>}
+ {!isiPhone && <div className="landscape-message">{'Please rotate your device'}</div>}
</div>
)
}
-} \ No newline at end of file
+}
+
+const ToolbarSymbol = (
+ <img
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAkCAMAAADM4ogkAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA81BMVEX/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3/eQ3////VdBauAAAAT3RSTlMAI7z14jOM9vnH1eTy/vA8jgIOEQP4mqYE1pixB+UBo7kI8666Bra7CQ+3Erjf77AshDf8r/qQkzgF8b0WtBSyq6Hnlteoi8icj0DjxpE1VSRjywAAAAFiS0dEUONuTLwAAAAHdElNRQflBB4UJQFLwE0gAAABKUlEQVQ4y7XUbTPDQBAH8JVQWg3SBqERPdomaGlpkVL1/FTs9/82/kkwedPbGGPf3M7cb5LZu9sl+peYMUz+jtk5DTQ4EwUNnMf+QrG0WLaYl5Y1MPnSChK7UnVIC1ch12yxGOZiAXLdleEGbULWPBFukb8NWVcS3CFydiEbSoCMYpstrEEowD0s3r4ksX8Qr14bmaGRHT5Mz1nVIY+mw27v+CtTDeYT+eARYX9wmsch/Jzud/ps0Fd5nGtlbvO8150uazildvpCoiF3NLVfQLYSeYmMBDlqIrvSw1SOI/xagBTGrXntJJ1Hsrzx6VaCpEaQd3QvQooeIB+fZEj2MyedrDNutYLX5r8ks0HjXofMVnlSeosng6mB79mxFWjgx+SHmYEO/iE+AdeHRiu0e9zXAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTA0LTMwVDE4OjM3OjExKzAyOjAw3aDYlgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wNC0zMFQxODozNzowMSswMjowMGBXYLQAAAAASUVORK5CYII="
+ style={{ width: '14px', height: '14px', marginLeft: '4px', }}
+ />
+) \ No newline at end of file