mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
4e6235fb83
* operation lifecycle accordion * operation entity * adapt layout to mobile device * basic operations view * pass response data to operation details * update types package * tac operation status and links to tx on ton * feature config, docs and operation badge * add info to tx page * add operations to search * search input on operations page * tests * update tooltips and temporary fix of ts * add InterFallback typeface with → glyph * design and api updates * support new API version * add time format toggle * add shield to entity icon * minor fixes * update screenshots * clean up * fix screenshot
94 lines
1.9 KiB
TypeScript
94 lines
1.9 KiB
TypeScript
import type { ThemingConfig } from '@chakra-ui/react';
|
|
|
|
import type { ExcludeUndefined } from 'types/utils';
|
|
|
|
import config from 'configs/app';
|
|
|
|
export const BODY_TYPEFACE = config.UI.fonts.body?.name ?? 'Inter, InterFallback';
|
|
export const HEADING_TYPEFACE = config.UI.fonts.heading?.name ?? 'Poppins';
|
|
|
|
export const fonts: ExcludeUndefined<ThemingConfig['tokens']>['fonts'] = {
|
|
heading: { value: `${ HEADING_TYPEFACE }, sans-serif` },
|
|
body: { value: `${ BODY_TYPEFACE }, sans-serif` },
|
|
};
|
|
|
|
export const textStyles: ThemingConfig['textStyles'] = {
|
|
heading: {
|
|
xl: {
|
|
value: {
|
|
fontSize: '32px',
|
|
lineHeight: '40px',
|
|
fontWeight: '500',
|
|
letterSpacing: '-0.5px',
|
|
fontFamily: 'heading',
|
|
},
|
|
},
|
|
lg: {
|
|
value: {
|
|
fontSize: '24px',
|
|
lineHeight: '32px',
|
|
fontWeight: '500',
|
|
fontFamily: 'heading',
|
|
},
|
|
},
|
|
md: {
|
|
value: {
|
|
fontSize: '18px',
|
|
lineHeight: '24px',
|
|
fontWeight: '500',
|
|
fontFamily: 'heading',
|
|
},
|
|
},
|
|
sm: {
|
|
value: {
|
|
fontSize: '16px',
|
|
lineHeight: '24px',
|
|
fontWeight: '500',
|
|
fontFamily: 'heading',
|
|
},
|
|
},
|
|
xs: {
|
|
value: {
|
|
fontSize: '14px',
|
|
lineHeight: '20px',
|
|
fontWeight: '600',
|
|
fontFamily: 'heading',
|
|
},
|
|
},
|
|
},
|
|
text: {
|
|
xl: {
|
|
value: {
|
|
fontSize: '20px',
|
|
lineHeight: '28px',
|
|
fontWeight: '400',
|
|
fontFamily: 'body',
|
|
},
|
|
},
|
|
md: {
|
|
value: {
|
|
fontSize: '16px',
|
|
lineHeight: '24px',
|
|
fontWeight: '400',
|
|
fontFamily: 'body',
|
|
},
|
|
},
|
|
sm: {
|
|
value: {
|
|
fontSize: '14px',
|
|
lineHeight: '20px',
|
|
fontWeight: '400',
|
|
fontFamily: 'body',
|
|
},
|
|
},
|
|
xs: {
|
|
value: {
|
|
fontSize: '12px',
|
|
lineHeight: '16px',
|
|
fontWeight: '400',
|
|
fontFamily: 'body',
|
|
},
|
|
},
|
|
},
|
|
};
|