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

address entry looks bearable on mobile now

Browse Source
This commit is contained in:
Senad Uka
2015-07-05 13:44:38 +02:00
parent 96a2fba535
commit 246a587c92
3 changed files with 24 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
front-ui/app/components/cart/checkoutPage.js
View File

@@ -21,10 +21,10 @@ var CheckoutPage = React.createClass({
var content = ( var content = (
<div className="checkout-page center"> <div className="checkout-page center">
<div className="form-horizontal"> <div className="form-horizontal checkout_form_margin">
<fieldset> <fieldset>
<legend>Dostava</legend> <legend>Dostava</legend>
<div className="form-group"> <div className="form-group ">
<label className="col-md-4 control-label" htmlFor="name">Prezime i Ime</label> <label className="col-md-4 control-label" htmlFor="name">Prezime i Ime</label>
<div className="col-md-4"> <div className="col-md-4">
@@ -33,7 +33,7 @@ var CheckoutPage = React.createClass({
<span className="help-block">ime osobe koja prima pošiljku</span> <span className="help-block">ime osobe koja prima pošiljku</span>
</div> </div>
</div> </div>
<div className="form-group"> <div className="form-group ">
<label className="col-md-4 control-label" htmlFor="name">Adresa</label> <label className="col-md-4 control-label" htmlFor="name">Adresa</label>
<div className="col-md-4"> <div className="col-md-4">
<RibicaFormError componentName="address" errorMessagesObject={this.state.deliveryDestinationErrors} /> <RibicaFormError componentName="address" errorMessagesObject={this.state.deliveryDestinationErrors} />
@@ -42,7 +42,7 @@ var CheckoutPage = React.createClass({
</div> </div>
</div> </div>
<div className="form-group"> <div className="form-group ">
<label className="col-md-4 control-label" htmlFor="place">Mjesto</label> <label className="col-md-4 control-label" htmlFor="place">Mjesto</label>
<div className="col-md-4"> <div className="col-md-4">
<RibicaFormError componentName="place" errorMessagesObject={this.state.deliveryDestinationErrors} /> <RibicaFormError componentName="place" errorMessagesObject={this.state.deliveryDestinationErrors} />
@@ -53,7 +53,7 @@ var CheckoutPage = React.createClass({
</select> </select>
</div> </div>
</div> </div>
<div className="form-group"> <div className="form-group ">
<label className="col-md-4 control-label" htmlFor="phone">Telefon</label> <label className="col-md-4 control-label" htmlFor="phone">Telefon</label>
<div className="col-md-4"> <div className="col-md-4">
<RibicaFormError componentName="phone" errorMessagesObject={this.state.deliveryDestinationErrors} /> <RibicaFormError componentName="phone" errorMessagesObject={this.state.deliveryDestinationErrors} />
@@ -64,7 +64,7 @@ var CheckoutPage = React.createClass({
<p className="help-block">broj mobitela - mora biti sa jedne od mreža u BiH</p> <p className="help-block">broj mobitela - mora biti sa jedne od mreža u BiH</p>
</div> </div>
</div> </div>
<div className="form-group"> <div className="form-group ">
<label className="col-md-4 control-label" htmlFor="email">E - mail</label> <label className="col-md-4 control-label" htmlFor="email">E - mail</label>
<div className="col-md-4"> <div className="col-md-4">
<RibicaFormError componentName="email" errorMessagesObject={this.state.deliveryDestinationErrors} /> <RibicaFormError componentName="email" errorMessagesObject={this.state.deliveryDestinationErrors} />
@@ -72,13 +72,13 @@ var CheckoutPage = React.createClass({
<span className="help-block">E - mail adresa na koju će vam biti poslano obavještenje o narudžbi</span> <span className="help-block">E - mail adresa na koju će vam biti poslano obavještenje o narudžbi</span>
</div> </div>
</div> </div>
<div className="form-group"> <div className="form-group ">
<label className="col-md-4 control-label" htmlFor="note">Napomena</label> <label className="col-md-4 control-label" htmlFor="note">Napomena</label>
<div className="col-md-4"> <div className="col-md-4">
<textarea className="form-control" id="note" name="note" value={this.state.deliveryDestination.get('note')} onChange={this._onFieldChange} ></textarea> <textarea className="form-control" id="note" name="note" value={this.state.deliveryDestination.get('note')} onChange={this._onFieldChange} ></textarea>
</div> </div>
</div> </div>
<div className="form-group"> <div className="form-group ">
<label className="col-md-4 control-label" htmlFor="order"></label> <label className="col-md-4 control-label" htmlFor="order"></label>
<div className="col-md-8"> <div className="col-md-8">
<div> Roba: <CartTotal items={this.state.items} itemCounts={this.state.itemCounts} /><br /> <div> Roba: <CartTotal items={this.state.items} itemCounts={this.state.itemCounts} /><br />

5
front-ui/app/css/checkout.css Normal file
View File

@@ -0,0 +1,5 @@
.checkout_form_margin {
margin-right: 10px !important;
margin-left: 10px !important;
}

20
front-ui/build/configured/ribica.bundle.js
View File

File diff suppressed because one or more lines are too long