aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/modals/qr-scanner/qr-scanner.component.js
diff options
context:
space:
mode:
authorbrunobar79 <brunobar79@gmail.com>2018-07-31 06:34:00 +0800
committerbrunobar79 <brunobar79@gmail.com>2018-07-31 06:34:00 +0800
commitd2368d6fe07a127f2c9320020183d27fcb870230 (patch)
treec69e1feccc9fe9e83287b5f05eb2bea7991ec882 /ui/app/components/modals/qr-scanner/qr-scanner.component.js
parent4339f04e80be74dd318e03f75fcf3410e923d30d (diff)
downloadtangerine-wallet-browser-d2368d6fe07a127f2c9320020183d27fcb870230.tar
tangerine-wallet-browser-d2368d6fe07a127f2c9320020183d27fcb870230.tar.gz
tangerine-wallet-browser-d2368d6fe07a127f2c9320020183d27fcb870230.tar.bz2
tangerine-wallet-browser-d2368d6fe07a127f2c9320020183d27fcb870230.tar.lz
tangerine-wallet-browser-d2368d6fe07a127f2c9320020183d27fcb870230.tar.xz
tangerine-wallet-browser-d2368d6fe07a127f2c9320020183d27fcb870230.tar.zst
tangerine-wallet-browser-d2368d6fe07a127f2c9320020183d27fcb870230.zip
clean up css
Diffstat (limited to 'ui/app/components/modals/qr-scanner/qr-scanner.component.js')
-rw-r--r--ui/app/components/modals/qr-scanner/qr-scanner.component.js44
1 files changed, 14 insertions, 30 deletions
diff --git a/ui/app/components/modals/qr-scanner/qr-scanner.component.js b/ui/app/components/modals/qr-scanner/qr-scanner.component.js
index 0e7709332..998967776 100644
--- a/ui/app/components/modals/qr-scanner/qr-scanner.component.js
+++ b/ui/app/components/modals/qr-scanner/qr-scanner.component.js
@@ -93,39 +93,23 @@ export default class QrScanner extends Component {
const { t } = this.context
return (
- <div className="modal-container">
- <div className="modal-container__content">
- <div className="modal-container__title">
- { `${t('scanQrCode')}?` }
- </div>
- <div className="modal-container__description">
- <div
- className={'qr-code-video-wrapper'}
+ <div className="qr-scanner">
+ <div className="qr-scanner__title">
+ { `${t('scanQrCode')}?` }
+ </div>
+ <div className="qr-scanner__content">
+ <div className={'qr-scanner__content__video-wrapper'}>
+ <video
+ id="video"
style={{
- overflow: 'hidden',
- width: '100%',
- height: '275px',
- display: 'flex',
- alignItems: 'center',
- justifyContent: 'center',
- }
- }>
- <video
- id="video"
- style={{
- width: 'auto',
- height: '275px',
- marginLeft: '-15%',
- display: this.state.ready ? 'block' : 'none',
- transform: 'scaleX(-1)',
- }}
- />
- { !this.state.ready ? <Spinner color={'#F7C06C'} /> : null}
- </div>
+ display: this.state.ready ? 'block' : 'none',
+ }}
+ />
+ { !this.state.ready ? <Spinner color={'#F7C06C'} /> : null}
</div>
</div>
- <div className="modal-container__footer">
- {this.state.msg}
+ <div className="qr-scanner__status">
+ {this.state.msg}
</div>
</div>
)