senaduka/old-ribica
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified item details page to look not horrible on mobile

Browse Source
This commit is contained in:
Senad Uka
2015-06-21 10:40:58 +02:00
parent 080d3e4497
commit a158c76789
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
front-ui/app/components/items/itemWithDetailsPage.js
View File

@@ -17,11 +17,11 @@ var ItemWithDetailsPage = React.createClass({
return (
<div className="item-with-details row-fluid center">
<div className="col-md-5 col-md-offset-2 item_image">
<div className="col-md-5 col-md-offset-2 item_image col-sm-offset-2 col-sm-3">
<img src={this.state.firstImage} width="100%" />
</div>
<div className="col-md-5">
<div className="col-md-5 col-sm-7 center">
<div className='item_brand_name'> {this.state.item.get('brand').name}</div>
<div className='item_name'> {this.state.item.get('name')}</div>
<div>
@@ -30,16 +30,23 @@ var ItemWithDetailsPage = React.createClass({
<div>Količina</div>
<div> <AddToCart item={this.state.item} /></div>
</div>
<div>
</div>
<div className="item-with-details row-fluid center">
<div className="col-lg-offset-2 col-lg-10 hidden-md hidden-sm hidden-xs">
<div className="item_description_tab">Opis proizvoda</div>
<div className="item_description_tab_area"> </div>
<div className="item_description_text">{this.state.item.get('description')}</div>
</div>
</div>
<Traits traits={this.state.item.get('traits')} />
<div className="col-xs-offset-2 col-xs-10 hidden-lg">
<h2>Opis proizvoda: </h2>
<div> </div>
<p className="lead">{this.state.item.get('description')}</p>
</div>
<div className="col-xs-offset-2 col-xs-10">
<Traits traits={this.state.item.get('traits')} />
</div>
</div>
</div>
);