Commit Graph

6 Commits

Author SHA1 Message Date
Chaiwat Ekkaewnumchai
2b6bac4227 Add Flipper Doctor Component
Summary:
As designed by Vince [here](https://www.figma.com/file/4e6BMdm2SuZ1L7FSuOPQVC/Flipper?node-id=585%3A127550), this diff adds Flipper Doctor into Sandy

Note:
- The dot on Doctor icon will act similarly to `DoctorBar`
- add type to `count` for `LeftRailButton` to act like dot badge
- Get rid of padding in `antd` modal

Reviewed By: nikoant, mweststrate

Differential Revision: D24137349

fbshipit-source-id: 8ce441e0ed96083eba09d98dfd3a45ff9b5be027
2020-10-07 08:47:55 -07:00
Chaiwat Ekkaewnumchai
6d1da5bb42 Add Login Component
Summary:
- Add Sandy renderer for `SignInSheet`
- Change background color for default button

Reviewed By: mweststrate

Differential Revision: D24112100

fbshipit-source-id: a602c920c24dd039697834aaba3c79e79f04481e
2020-10-07 03:12:30 -07:00
Chaiwat Ekkaewnumchai
93c897820b Change Typography Size
Summary:
Typography on Sandy! The designed typography is [here in Figma](https://www.figma.com/file/4e6BMdm2SuZ1L7FSuOPQVC/Flipper?node-id=238%3A172)

Current deflects
- cannot find component for 'body - small' and 'meta'
- don't know how to set 'link secondary hover' as designed

Reviewed By: mweststrate

Differential Revision: D23869256

fbshipit-source-id: efb1475749cebad529b502458d1b15bd445bb346
2020-09-23 17:59:46 -07:00
Pascal Hartig
bc0bcda300 Fix license headers for less files
Summary: Failing OSS requirements due to missing headers right now: P143086435

Reviewed By: mweststrate

Differential Revision: D23843532

fbshipit-source-id: 759daefbec641d59adff6ecee8d06dd90c7a6b5b
2020-09-23 09:46:21 -07:00
Michel Weststrate
95638af321 Build main layout
Summary: This diff introduces the. main sections and restyled resizable panes according to the Figma design

Reviewed By: cekkaewnumchai

Differential Revision: D23758349

fbshipit-source-id: 7f09574f6b5fb54551141c13667c664e1769f09a
2020-09-21 11:53:21 -07:00
Michel Weststrate
694d4e0e33 Expose theme from JavaScript
Summary:
This diff fixes two problems when further theming Flipper:

1. All shades of gray where defined in terms of black/white + transparency. Converted all colors to non transparent to make sure they stack well.
2. The color theme defined in less aren't available as javascript colors. It is possible to achieve that through setting up a babel parser that parses the less files and exposes them to JS. But since we have modern stack, figured that exposing all theme variables as CSS variables as well is a much simpler setup.

Reviewed By: passy

Differential Revision: D23756558

fbshipit-source-id: e92be1f66b11c2c9c400fc1622cb8a493cc4c2a5
2020-09-17 04:05:09 -07:00