1
0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00

layout tweaks

This commit is contained in:
Matthias Kretschmann 2019-02-15 13:36:18 +01:00
parent c7c0707321
commit d421986a50
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 6 additions and 3 deletions

View File

@ -2,7 +2,7 @@
.content { .content {
padding: 0 $spacer / 1.5; padding: 0 $spacer / 1.5;
max-width: $break-point--small; max-width: 47rem;
margin: 0 auto; margin: 0 auto;
@media (min-width: $break-point--small) { @media (min-width: $break-point--small) {

View File

@ -65,7 +65,7 @@ export default class AssetDetails extends PureComponent<AssetDetailsProps> {
</ul> </ul>
<Button onClick={() => purchaseAsset(ddo)}> <Button onClick={() => purchaseAsset(ddo)}>
Purchase asset Download asset
</Button> </Button>
<pre> <pre>

View File

@ -5,6 +5,7 @@ import Route from '../../components/templates/Route'
import Spinner from '../../components/atoms/Spinner' import Spinner from '../../components/atoms/Spinner'
import { User } from '../../context/User' import { User } from '../../context/User'
import AssetDetails from './AssetDetails' import AssetDetails from './AssetDetails'
import stylesApp from '../../App.module.scss'
interface DetailsState { interface DetailsState {
ddo: any ddo: any
@ -71,7 +72,9 @@ export default class Details extends Component<DetailsProps, DetailsState> {
purchaseAsset={this.purchaseAsset} purchaseAsset={this.purchaseAsset}
/> />
) : ( ) : (
<Spinner message={'Loading asset...'} /> <div className={stylesApp.loader}>
<Spinner message={'Loading asset...'} />
</div>
)} )}
</Route> </Route>
) )