diff options
| author | Brandon Millman <brandon@0xproject.com> | 2018-05-19 06:38:04 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-05-19 06:38:04 +0800 |
| commit | c70540e7f4ead1f25d1436de3b4dcda06c3e1e68 (patch) | |
| tree | 03c9c8b6cc1c66b462b7009edb470e340b17a46f /packages/website/ts/utils | |
| parent | 85020c74cf8622d131b21f82a8027d437717712e (diff) | |
| parent | e291146443e2dca839e9ee58f823dde3ab71093e (diff) | |
| download | dexon-0x-contracts-c70540e7f4ead1f25d1436de3b4dcda06c3e1e68.tar.gz dexon-0x-contracts-c70540e7f4ead1f25d1436de3b4dcda06c3e1e68.tar.zst dexon-0x-contracts-c70540e7f4ead1f25d1436de3b4dcda06c3e1e68.zip | |
Merge pull request #598 from 0xProject/feature/website/mobile-optimize
Mobile optimize the portal layout
Diffstat (limited to 'packages/website/ts/utils')
| -rw-r--r-- | packages/website/ts/utils/colors.ts | 19 | ||||
| -rw-r--r-- | packages/website/ts/utils/utils.ts | 3 | ||||
| -rw-r--r-- | packages/website/ts/utils/wallet_item_styles.ts | 4 |
3 files changed, 25 insertions, 1 deletions
diff --git a/packages/website/ts/utils/colors.ts b/packages/website/ts/utils/colors.ts new file mode 100644 index 000000000..5ffdd6ba7 --- /dev/null +++ b/packages/website/ts/utils/colors.ts @@ -0,0 +1,19 @@ +import { colors as sharedColors } from '@0xproject/react-shared'; + +const appColors = { + walletBoxShadow: 'rgba(56, 59, 137, 0.2)', + walletBorder: '#ededee', + walletDefaultItemBackground: '#fbfbfc', + walletFocusedItemBackground: '#f0f1f4', + allowanceToggleShadow: 'rgba(0, 0, 0, 0)', + allowanceToggleOffTrack: '#adadad', + allowanceToggleOnTrack: sharedColors.mediumBlue, + wrapEtherConfirmationButton: sharedColors.mediumBlue, + drawerMenuBackground: '#4a4a4a', + menuItemDefaultSelectedBackground: '#424242', +}; + +export const colors = { + ...sharedColors, + ...appColors, +}; diff --git a/packages/website/ts/utils/utils.ts b/packages/website/ts/utils/utils.ts index 3c99bd2fe..c370ac90c 100644 --- a/packages/website/ts/utils/utils.ts +++ b/packages/website/ts/utils/utils.ts @@ -314,4 +314,7 @@ export const utils = { return _.includes(window.location.href, configs.DOMAIN_STAGING); }, isDogfood, + shouldShowPortalV2(): boolean { + return this.isDevelopment() || this.isStaging() || this.isDogfood(); + }, }; diff --git a/packages/website/ts/utils/wallet_item_styles.ts b/packages/website/ts/utils/wallet_item_styles.ts index 1ad304ce1..6b038efd2 100644 --- a/packages/website/ts/utils/wallet_item_styles.ts +++ b/packages/website/ts/utils/wallet_item_styles.ts @@ -1,4 +1,6 @@ -import { colors, Styles } from '@0xproject/react-shared'; +import { Styles } from '@0xproject/react-shared'; + +import { colors } from 'ts/utils/colors'; export const styles: Styles = { focusedItem: { |