Restaurant Card Hi Fi Prototype - mini/git-brunching GitHub Wiki

Menu Button Hi-Fi

The following document provides the specifications for the menu button which is to be added to restaurant cards. When clicked, this button will open a popup displaying the restaurant's menu. The menu button will be the icon at the bottom right of the image below.

image

Properties

The menu button icon should have the following properties:

  • Height: 24px
  • Width: 32px
  • Colour: white
  • Hovered colour: #61c766
  • Right margin: 16px
  • Vertical alignment: centred

This icon can be retrieved using the following import statement: import MenuBookIcon from '@material-ui/icons/MenuBook'

Hovered State

The hovered state of the button is shown in the image below:

image

Note: hovered colour is the same as the highlight colour of buttons on the main landing page.