Listing details CSS

This commit is contained in:
Edin Dazdarevic
2016-11-15 00:03:59 +01:00
parent 8a7193951e
commit c32e49e6c3
5 changed files with 323 additions and 40 deletions

View File

@@ -1,28 +1,30 @@
import React from 'react';
export default class Listings extends React.Component {
onListingClick() {
if (this.props.onListingClick) {
this.props.onListingClick();
}
}
render() {
return (
<div className="listings">
<div className="listings-header">
<div className="select-group">
<select name="listings-type" id="listings-type">
<option value="cijena">Cijena: od najmanje</option>
</select>
<div className="select-container">
<div className="select-group">
<select name="listings-type" id="listings-type">
<option value="cijena">Cijena: od najmanje</option>
</select>
</div>
</div>
<div className="listings-count">
322 rezultata
</div>
<div className="listings-options">
<div className="lo-list"></div>
<div className="lo-grid"></div>
<div className="lo-single"></div>
</div>
</div>
<div className="listings-items">
<div className="property-list-item">
<div className="property-list-item" onClick={this.onListingClick.bind(this)}>
<div className="pli-image">
<img src="https://d37lj287rvypnj.cloudfront.net/150225204/medium" alt=""></img>
</div>
@@ -42,7 +44,7 @@ export default class Listings extends React.Component {
</div>
<div className="property-list-item">
<div className="pli-image">
<img src="https://d37lj287rvypnj.cloudfront.net/150225204/medium" alt=""></img>
<img src="https://d37lj287rvypnj.cloudfront.net/151086207/medium" alt=""></img>
</div>
<div className="pli-details">
<div className="price">12 000 KM</div>