styling groceries a little better
This commit is contained in:
@@ -14,7 +14,7 @@ export const AddRecipeButton = () => {
|
||||
return (
|
||||
// < Link to="/recipes/addRecipe">
|
||||
<WrapperAddRecipe>
|
||||
<IconPlus />
|
||||
{/* <IconPlus /> */}
|
||||
</WrapperAddRecipe>
|
||||
// </Link>
|
||||
)
|
||||
@@ -24,7 +24,7 @@ export const AddIngredientsButton = (props) => {
|
||||
const [visible, setVisible] = useState(false)
|
||||
return (<>
|
||||
<WrapperAddItem style={{ bottom: 10 }} onClick={()=>setVisible(true)}>
|
||||
<PlusIcon />
|
||||
{/* <PlusIcon /> */}
|
||||
</WrapperAddItem>
|
||||
<ModalAddIngredients id={props.id} visible={visible} closeModal={() => setVisible(false)} />
|
||||
</>
|
||||
@@ -41,9 +41,9 @@ export const OptionsButtonRecipe = (props) => {
|
||||
}
|
||||
return (
|
||||
<WrapperOptions toggled={toggled} >
|
||||
<IconOptions toggled={toggled} onClick={() => setToggled(!toggled)} />
|
||||
{/* <IconOptions toggled={toggled} onClick={() => setToggled(!toggled)} /> */}
|
||||
<WrapperOptionButtons toggled={toggled}>
|
||||
<IconRemove onClick={() => handleRemove()} />
|
||||
{/* <IconRemove onClick={() => handleRemove()} /> */}
|
||||
{/* <IconEdit onClick={() => history.push("/recipes/addRecipe/" + props.id)} /> */}
|
||||
</WrapperOptionButtons>
|
||||
</WrapperOptions>
|
||||
|
||||
Reference in New Issue
Block a user