Client: style changes
This commit is contained in:
parent
3acdabb4da
commit
2a5070aa8a
@ -58,6 +58,7 @@ class ActivityAddEdit extends React.Component {
|
||||
<div className="col">
|
||||
<label className="radioLabel">
|
||||
<input
|
||||
className="add-activity-radio"
|
||||
type="radio"
|
||||
name="withGpx"
|
||||
disabled={loading}
|
||||
@ -70,6 +71,7 @@ class ActivityAddEdit extends React.Component {
|
||||
<div className="col">
|
||||
<label className="radioLabel">
|
||||
<input
|
||||
className="add-activity-radio"
|
||||
type="radio"
|
||||
name="withoutGpx"
|
||||
disabled={loading}
|
||||
|
@ -0,0 +1,9 @@
|
||||
import React from 'react'
|
||||
|
||||
export default function ActivityNoMap() {
|
||||
return (
|
||||
<div className="activity-no-map text-center">
|
||||
No Map
|
||||
</div>
|
||||
)
|
||||
}
|
@ -6,6 +6,7 @@ import ActivityCardHeader from './ActivityCardHeader'
|
||||
import ActivityCharts from './ActivityCharts'
|
||||
import ActivityDetails from './ActivityDetails'
|
||||
import ActivityMap from './ActivityMap'
|
||||
import ActivityNoMap from './ActivityNoMap'
|
||||
import ActivityNotes from './ActivityNotes'
|
||||
import CustomModal from './../../Others/CustomModal'
|
||||
import { getOrUpdateData } from '../../../actions'
|
||||
@ -78,11 +79,13 @@ class ActivityDisplay extends React.Component {
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<div className="row">
|
||||
{activity.with_gpx && (
|
||||
<div className="col-8">
|
||||
<div className="col-8">
|
||||
{activity.with_gpx ? (
|
||||
<ActivityMap activity={activity} />
|
||||
</div>
|
||||
)}
|
||||
) : (
|
||||
<ActivityNoMap />
|
||||
)}
|
||||
</div>
|
||||
<div className="col">
|
||||
<ActivityDetails activity={activity} />
|
||||
</div>
|
||||
|
@ -73,6 +73,14 @@ label {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.activity-no-map {
|
||||
background-color: #eaeaea;
|
||||
color: #666666;
|
||||
font-style: italic;
|
||||
height: 400px;
|
||||
line-height: 400px;
|
||||
}
|
||||
|
||||
.activity-notes {
|
||||
font-size: 0.9em;
|
||||
font-style: italic;
|
||||
@ -98,6 +106,10 @@ label {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.add-activity-radio {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.admin-img {
|
||||
max-width: 35px;
|
||||
max-height: 35px;
|
||||
|
Loading…
Reference in New Issue
Block a user