LP Staking Design

[Bludigitanos]

did some minor changes on the design of the staking

design:

actual dev:

please adapt the page to the design

[Monahawk]

some of the design changes are adapted, need further info for the mobile view

[Bludigitanos]

thank you, looks much better, there are some more things to improve:

DESKTOP 1920px

DEV:

Design update:

1. Fonts are different to the design, should be poppins

2. you can delete the line and place the referral button outside the box

3. referral button should be a bit bigger, like in the design

4. move the get lp Button to the extended Staking informations

5. the search lp token or reward token switch would fit better to the other design parts if it is like this: the chosen active search is yellow
   

6. the "sort by " menue should be similar to the search bar on the left side
   

7. the padding of all parts looks a bit low to the other parts please rise it to 1rem all around

like here:

8. Can you do more padding between these two buttons? ( you can reduce the width of the buttons) and the right button shows the false function, when i have staked some value, it should say stake/unstake and not Get LP. Get LP is only if i have no Liquidity and nothing staked.

like here:

9. Design improvement for the two new features:
   

Mobile: -768 Design is finished in figma

Font Size should never be under 16

please adapt the mobile version like here:

Tablet size 769 - 1280 i also added a figma page for this size

You can reduce the margin, that the infos have more space between