diff --git a/assets/close.svg b/assets/close.svg new file mode 100644 index 0000000..db4a38e --- /dev/null +++ b/assets/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/bottle/index.js b/src/components/bottle/index.js index e057cb2..da23123 100644 --- a/src/components/bottle/index.js +++ b/src/components/bottle/index.js @@ -6,6 +6,7 @@ import { Rate, Button } from 'antd'; import { DeleteOutlined, EditOutlined } from '@ant-design/icons'; import { Trans, withTranslation } from 'react-i18next'; import selectCup from '../../miscellanea'; +import Close from '../../../assets/close.svg'; // eslint-disable-next-line no-confusing-arrow const displayBorder = (border) => border ? '' : 'none'; @@ -73,6 +74,15 @@ const Buttons = Styled.div` display: flex; `; +const CloseWrapper = Styled.div` + margin-left: auto; + position: relative; + button { + border: none; + left: 50px; + } +`; + const Section = ({ title, description, value, border = true }) => ( @@ -108,6 +118,7 @@ function Bottle({ find, deleteBootle, history, t }) { return ( +