Client - fix workout card style
This commit is contained in:
parent
4dd5633232
commit
8dc7e37ab1
@ -485,6 +485,15 @@ label {
|
|||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.col-with-map {
|
||||||
|
font-size: .87em;
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
.col-with-map {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.workout-details {
|
.workout-details {
|
||||||
font-size: 0.95em;
|
font-size: 0.95em;
|
||||||
}
|
}
|
||||||
|
@ -29,7 +29,7 @@ export default function WorkoutCard(props) {
|
|||||||
<StaticMap workout={workout} />
|
<StaticMap workout={workout} />
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
<div className="col">
|
<div className={`col${workout.map ? ' col-with-map' : ''}`}>
|
||||||
<p>
|
<p>
|
||||||
<i className="fa fa-clock-o" aria-hidden="true" />{' '}
|
<i className="fa fa-clock-o" aria-hidden="true" />{' '}
|
||||||
{t('workouts:Duration')}: {workout.moving}
|
{t('workouts:Duration')}: {workout.moving}
|
||||||
|
Loading…
Reference in New Issue
Block a user