explorer icon indicating copy to clipboard operation
explorer copied to clipboard

Update status bar component

Open ginny-d opened this issue 1 year ago • 0 comments

  • Update color scheme (dark status bar goes on light mode, white status bar goes on dark mode, to create better contrast and attention to it)
  • Create two types: one for info/notice, one for performance
  • Create two hierarchies so they're not competing when we have two bars. primary always goes on top of the page, above the header, and secondary goes on the header, above the page title. Hierarchy should be decided by a) importance and/or b) duration (shortest lived one should be secondary)

Figma Component: https://www.figma.com/file/31q1g27k69z1yXb6r6vrRD/Stacks-Explorer-Working-File?type=design&node-id=7431%3A40146&mode=dev&t=E0Yiv3jqLIxZNHqL-1

Mock up preview: statusbar-lightmode statusbar-darkmode statusbar-mobile

*Related https://github.com/hirosystems/explorer/issues/1432

ginny-d avatar Mar 28 '24 10:03 ginny-d