Skip to content
Snippets Groups Projects
Commit 24291e76 authored by meskio's avatar meskio :tent:
Browse files

Improve responsiveness of order creation

parent d7049d3d
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/App.js
+ 1
− 1
View file @ 24291e76
......@@ -23,7 +23,7 @@ function Panel(props) {
<div>
<BrowserRouter>
<Head onLogout={props.onLogout} />
<Container>
<Container fluid="lg">
<Switch>
<Route path="/members/add">
<MemberAdder />
......
src/Head.js
+ 13
− 11
View file @ 24291e76
......@@ -14,22 +14,22 @@ function Head(props) {
adminNav = (
<NavDropdown title="Admin" id="admin">
<LinkContainer to="/members/purchase">
<Nav.Link>Compra</Nav.Link>
<NavDropdown.Item>Compra</NavDropdown.Item>
</LinkContainer>
<LinkContainer to="/members">
<Nav.Link>Socias</Nav.Link>
<NavDropdown.Item>Socias</NavDropdown.Item>
</LinkContainer>
<LinkContainer to="/topup">
<Nav.Link>Recarga</Nav.Link>
<NavDropdown.Item>Recarga</NavDropdown.Item>
</LinkContainer>
<LinkContainer to="/members/add">
<Nav.Link>Nueva socia</Nav.Link>
<NavDropdown.Item>Nueva socia</NavDropdown.Item>
</LinkContainer>
</NavDropdown>
);
}
return (
<Navbar bg="light">
<Navbar bg="light" expand="sm">
<LinkContainer to="/">
<Navbar.Brand>
<img
......@@ -55,13 +55,15 @@ function Head(props) {
</LinkContainer>
</Nav>
<NavDropdown title="Ajustes" id="ajustes">
<LinkContainer to="/password">
<Nav.Link>Cambiar contraseña</Nav.Link>
</LinkContainer>
</NavDropdown>
<Nav className="ml-auto" activeKey={location.pathname}>
<NavDropdown title="Ajustes" id="ajustes">
<LinkContainer to="/password">
<NavDropdown.Item>Cambiar contraseña</NavDropdown.Item>
</LinkContainer>
</NavDropdown>
{adminNav}
{adminNav}
</Nav>
<Form inline>
<Button variant="outline-success" onClick={props.onLogout}>
Salir
......
src/ProductPicker.js
+ 6
− 6
View file @ 24291e76
......@@ -58,7 +58,7 @@ class ProductPicker extends React.Component {
<Col>
<p>{p.code}</p>
</Col>
<Col sm={4}>
<Col xs={4}>
<p>{p.name}</p>
</Col>
<Col>{printMoney(p.price) + "€"}</Col>
......@@ -73,7 +73,7 @@ class ProductPicker extends React.Component {
/>
</Col>
)}
<Col sm={1}>
<Col xs={1}>
<Button variant="danger" onClick={() => this.delPick(i)}>
-
</Button>
......@@ -91,7 +91,7 @@ class ProductPicker extends React.Component {
<Col>
<h6>Código</h6>
</Col>
<Col sm={4}>
<Col xs={4}>
<h6>Nombre</h6>
</Col>
<Col>
......@@ -102,7 +102,7 @@ class ProductPicker extends React.Component {
<h6>Cantidad</h6>
</Col>
)}
<Col sm={1}></Col>
<Col xs={1}></Col>
</Row>
{rows}
<Form.Group as={Row}>
......@@ -113,7 +113,7 @@ class ProductPicker extends React.Component {
onChange={(e) => this.setCode(e.target.value)}
/>
</Col>
<Col sm={4}>
<Col xs={4}>
<Typeahead
id="product-name"
labelKey="name"
......@@ -124,7 +124,7 @@ class ProductPicker extends React.Component {
</Col>
<Col></Col>
{this.props.amount && <Col></Col>}
<Col sm={1}></Col>
<Col xs={1}></Col>
</Form.Group>
</Fetcher>
);
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment