Fix: Reduce chart padding on mobile

This commit is contained in:
Nelson Chan 2021-08-18 12:22:45 +08:00
parent cf5168a4e6
commit d8bcfcaaa2

View file

@ -74,7 +74,7 @@
</div> </div>
</div> </div>
<div v-if="showPingChartBox" class="shadow-box big-padding text-center"> <div v-if="showPingChartBox" class="shadow-box big-padding text-center ping-chart-wrapper">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<PingChart :monitor-id="monitor.id" /> <PingChart :monitor-id="monitor.id" />
@ -337,6 +337,10 @@ export default {
margin-left: 10px !important; margin-left: 10px !important;
margin-right: 10px !important; margin-right: 10px !important;
} }
.ping-chart-wrapper {
padding: 10px !important;
}
} }
@media (max-width: 400px) { @media (max-width: 400px) {