Create a Responsive Button Component - Githubissues

MariaTeo / butterflies-in-a-weird-tone

0 stars 0 forks source link

Create a Responsive Button Component #10

Open MariaTeo opened 2 years ago

MariaTeo commented 2 years ago

The button should be a responsive component. Icon should be placed in center.

Mobile version The container should have the following properties:

width: 34px
height: 34px
padding: 8px
background-color: #A483AD
border-radius: 8px
border: 1px solid #DDCFDF
it should contain an arrow pointed to the right with color set to gray/100, width 24px, height 24px.

Tablet version The container should have the following properties:

width: 60px
height: 35px
padding: 8px
background-color: #A483AD
border-radius: 8px
border: 1px solid #DDCFDF
it should contain an arrow pointed to the right with color set to gray/100, width 28px, height 28px.

Desktop version The container should have the following properties:

width: 80px
height: 48px
padding: 8px
background-color: #A483AD
border-radius: 8px
border: 1px solid #DDCFDF
it should contain an arrow pointed to the right with color set to gray/100, width 36px, height 36px.