UI Chores for ID Staking v2 Beta

[erichfi]

Time-box this at 1-2 days

[octanaiv]

@erichfi Here's a video with some feedback: https://drive.google.com/file/d/14lHMmeOoQZmMdwieP214R3y8qtNVcfsP/view?usp=sharing

Summary:

1. Overall hover effects on buttons and input field should have a transition/easing effect.
2. Input fields, stake button should be 5-10 px taller. Right now they feel squeezed.
3. Add hover effect to the main expand/contract widget.
4. Input field, gtc selection, lockup selection hover/select state should be the light blue (ice blue) color. No flipping of gradients.
5. Hand cursor missing when hovering over Your Stake, Stake for Others. Should be like in chain selection.

[octanaiv]

@erichfi

6. The ToS agreements modal at the start has a random title placeholder I added called "Attention???". ^_^ Should be changed.

[nutrina]

@erichfi @octanaiv the link to the document is not valid. Did it move?

[octanaiv]

Sorry @nutrina I did a new recording. Not sure what happened to the previous one. https://drive.google.com/file/d/19SrksIOunfh2sim1hbCg1g34qH_zX5GD/view?usp=sharing

[nutrina]

Tech notes: Regarding transition effect for gradients (buttons): see this https://stackoverflow.com/questions/67150736/tailwind-background-gradient-transition

Status:

• [x] Overall hover effects on buttons and input field should have a transition/easing effect.
• [x] Input fields, stake button should be 5-10 px taller. Right now they feel squeezed.
  • [x] stake button
  • [x] input fields
• [x] Add hover effect to the main expand/contract widget.
• [x] Input field, gtc selection, lockup selection hover/select state should be the light blue (ice blue) color. No flipping of gradients.
• [x] Hand cursor missing when hovering over Your Stake, Stake for Others. Should be like in chain selection.