search

beefyfinance / beefy-v2

Beefy is a Decentralized, Multichain Yield Optimizer that allows its users to earn compound interest on their crypto holdings. Beefy earns you the highest APYs with safety and efficiency in mind.
https://app.beefy.com
MIT License
53 stars 97 forks source link

Update homepage layout according to v2.1 design #165

Closed pablobeefy closed 3 years ago

pablobeefy commented 3 years ago
Screenshot 2021-09-28 at 14 23 06

https://www.figma.com/file/t1dYBe8OX3QPyzY3L1UNL1/Dieter-x-Beefy-Dev-Ready?node-id=2103%3A1994

To-do

— remove Vaults

Screenshot 2021-09-28 at 14 25 04

— remove TVL

Screenshot 2021-09-28 at 14 25 19

— update category button design to match v2.1 Figma

Screenshot 2021-09-28 at 16 44 35

— change "Quick search" to "Search" and add search icon to the search field

Screenshot 2021-09-28 at 16 44 58

— add "All Vaults/My Vaults" switch. Should behave same as "Show deposited vaults" filter currently

Screenshot 2021-09-28 at 16 45 13

— add icon to the Filters button as per v2.1 Figma

Screenshot 2021-09-28 at 16 45 29

— remove "Showing XXX vaults"

Screenshot 2021-09-28 at 16 45 44

Figma v2.1 shows expected layout for three screen sizes: mobile, tablet and desktop, please code accordingly

erenjaegar77 commented 3 years ago

For the Filter Buttons i highly recommended siema to create beautiful carousel https://pawelgrzybek.github.io/siema/, react version : https://www.npmjs.com/package/react-siema