fix style of background

This commit is contained in:
Pig Fang 2020-03-05 16:39:14 +08:00
parent 27e6042b93
commit 18a2817472
2 changed files with 7 additions and 1 deletions

View File

@ -1,5 +1,11 @@
@use '../styles/breakpoints';
.body {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.viewer {
@include breakpoints.greater-than('lg') {
min-height: 500px;

View File

@ -210,7 +210,7 @@ const Viewer: React.FC<Props> = props => {
</div>
</div>
</div>
<div className="card-body" style={{ background }}>
<div className={`card-body ${styles.body}`} style={{ background }}>
<div ref={containerRef} className={styles.viewer}></div>
</div>
<div className="card-footer">