Client - fix chart display on mobile
This commit is contained in:
parent
bb01ee30fe
commit
0c4b8f1b98
@ -203,15 +203,22 @@
|
||||
@import '~@/scss/vars.scss';
|
||||
|
||||
.bar-chart {
|
||||
position: relative;
|
||||
min-height: 400px;
|
||||
width: 100%;
|
||||
&.minimal {
|
||||
min-height: 300px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: $small-limit) {
|
||||
min-height: 268px;
|
||||
&.minimal {
|
||||
min-height: 290px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 420px) {
|
||||
width: calc(100vw - 95px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="start-chart">
|
||||
<div class="stats-chart">
|
||||
<div v-if="hideChartIfNoData && emptyStats">
|
||||
{{ $t('workouts.NO_WORKOUTS') }}
|
||||
</div>
|
||||
@ -185,7 +185,8 @@
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/scss/vars';
|
||||
.start-chart {
|
||||
.stats-chart {
|
||||
width: 100%;
|
||||
.chart-radio {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
Loading…
Reference in New Issue
Block a user