|
@@ -18,12 +18,15 @@
|
|
|
}
|
|
|
max-width: 1200px;
|
|
|
max-height: 100vh;
|
|
|
+ height: 100%;
|
|
|
overflow: hidden;
|
|
|
position: relative;
|
|
|
margin: 0 auto;
|
|
|
border: 1px solid rgba(0, 0, 0, 0.125);
|
|
|
background: #fff;
|
|
|
border-radius: 5px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
.chart-header {
|
|
|
background-color: #F2F2F2;
|
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
|
|
@@ -48,6 +51,7 @@
|
|
|
.chart-wrapper {
|
|
|
flex: 1;
|
|
|
position: relative;
|
|
|
+ overflow: hidden;
|
|
|
.mark {
|
|
|
position:absolute;
|
|
|
left: 50%;
|
|
@@ -113,11 +117,12 @@
|
|
|
}
|
|
|
.chart-show {
|
|
|
top: 5vh;
|
|
|
+ max-height: 90vh;
|
|
|
}
|
|
|
.chart-wrapper {
|
|
|
padding: 0 10px 10px;
|
|
|
- height: calc(100vh - 170px);
|
|
|
- max-height: calc(100vh - 170px);
|
|
|
+ // height: calc(100vh - 170px);
|
|
|
+ // max-height: calc(100vh - 170px);
|
|
|
// max-height: 750px;
|
|
|
}
|
|
|
}
|
|
@@ -134,8 +139,8 @@
|
|
|
}
|
|
|
.chart-wrapper {
|
|
|
width: calc(100vw - 4px);
|
|
|
- height: calc(100vh - 100px);
|
|
|
- max-height: calc(100vw - 100px);
|
|
|
+ // height: calc(100vh - 100px);
|
|
|
+ // max-height: calc(100vw - 100px);
|
|
|
padding: 0 0 5px;
|
|
|
}
|
|
|
}
|