Last change
on this file since e6c2521 was e6c2521, checked in by darsov2 <62809499+darsov2@…>, 9 months ago |
images upload/download impl, other fixes
|
-
Property mode
set to
100644
|
File size:
1.7 KB
|
Rev | Line | |
---|
[e6c2521] | 1 | import React from "react";
|
---|
| 2 | import {Col, Row, Image, Container} from "react-bootstrap";
|
---|
| 3 |
|
---|
| 4 | const MenuItem = (props) => {
|
---|
| 5 |
|
---|
| 6 | const data = props.data;
|
---|
| 7 | return (<>
|
---|
| 8 |
|
---|
| 9 | <a href="#" style={{textDecoration: "none", color: "black"}}>
|
---|
| 10 | <Container className="py-3 px-1 my-4"
|
---|
| 11 | style={{
|
---|
| 12 | border: "4px solid #159895",
|
---|
| 13 | borderRadius: "1em",
|
---|
| 14 | boxShadow: "0 3px 5px #159895",
|
---|
| 15 | maxWidth: "90%"
|
---|
| 16 | }}>
|
---|
| 17 | <Row>
|
---|
| 18 | <Col className="d-flex justify-content-center mb-3">
|
---|
| 19 | <Image
|
---|
| 20 | src="https://www.tasteofhome.com/wp-content/uploads/2019/01/medium-rare-steak-shutterstock_706040446.jpg"
|
---|
| 21 | style={{
|
---|
| 22 | height: "7em",
|
---|
| 23 | borderRadius: "1em",
|
---|
| 24 | boxShadow: "0 4px 20px lightblue",
|
---|
| 25 | maxWidth: "100%",
|
---|
| 26 | }}
|
---|
| 27 | ></Image>
|
---|
| 28 | </Col>
|
---|
| 29 | </Row>
|
---|
| 30 | <Row>
|
---|
| 31 | <Col className="d-flex flex-column justify-content-center " style={{textAlign: "center"}}>
|
---|
| 32 | <h4>{data.name}</h4>
|
---|
| 33 | <h6>{data.ingredients}</h6>
|
---|
| 34 | </Col>
|
---|
| 35 | </Row>
|
---|
| 36 | <Row>
|
---|
| 37 | <Col className="d-flex flex-column justify-content-center align-content-center">
|
---|
| 38 |
|
---|
| 39 | <h5>Цена: {data.price}$</h5>
|
---|
| 40 | </Col>
|
---|
| 41 | </Row>
|
---|
| 42 | </Container>
|
---|
| 43 | </a>
|
---|
| 44 |
|
---|
| 45 | </>)
|
---|
| 46 | }
|
---|
| 47 |
|
---|
| 48 | export default MenuItem; |
---|
Note:
See
TracBrowser
for help on using the repository browser.