Closed LinkunGao closed 2 years ago
Fixed the bug - the ECG and Pressure graphs are not working well on phone view.
The reason for the bug happened is that: in the origin code, there are two
origin code:
<div class="d-none d-sm-flex justify-center">
<traces/>
</div>
<div class="pt-5 d-flex d-sm-none justify-center"> <!--small screens -->
<traces/>
</div>
Now I remove the second one and use dynamic CSS to control the tag position on different screen sizes.
<div class="pt-5 justify-center" :style="traceMarginBottom">
<traces />
</div>
the :style="traceMarginBottom" is the way allow us to use dynamic CSS in vue.