mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
1c49d8143b
* update blob icon * fix tags on token transfer * update address tx filter styles * page padding fixes * update twitter icon * updat screenshots * fix test * update back arrow color in the modals * update solidityscan text * update stats widget bg color
52 lines
1.0 KiB
TypeScript
52 lines
1.0 KiB
TypeScript
import { menuAnatomy as parts } from '@chakra-ui/anatomy';
|
|
import {
|
|
createMultiStyleConfigHelpers,
|
|
cssVar,
|
|
defineStyle,
|
|
} from '@chakra-ui/styled-system';
|
|
|
|
const { defineMultiStyleConfig, definePartsStyle } =
|
|
createMultiStyleConfigHelpers(parts.keys);
|
|
|
|
const $bg = cssVar('menu-bg');
|
|
const $shadow = cssVar('menu-shadow');
|
|
|
|
const baseStyleList = defineStyle({
|
|
[$bg.variable]: '#fff',
|
|
[$shadow.variable]: 'shadows.2xl',
|
|
_dark: {
|
|
[$bg.variable]: 'colors.gray.900',
|
|
[$shadow.variable]: 'shadows.dark-lg',
|
|
},
|
|
borderWidth: '0',
|
|
bg: $bg.reference,
|
|
boxShadow: $shadow.reference,
|
|
});
|
|
|
|
const baseStyleItem = defineStyle({
|
|
_focus: {
|
|
[$bg.variable]: 'transparent',
|
|
_dark: {
|
|
[$bg.variable]: 'transparent',
|
|
},
|
|
},
|
|
_hover: {
|
|
[$bg.variable]: 'colors.blue.50',
|
|
_dark: {
|
|
[$bg.variable]: 'colors.whiteAlpha.100',
|
|
},
|
|
},
|
|
bg: $bg.reference,
|
|
});
|
|
|
|
const baseStyle = definePartsStyle({
|
|
list: baseStyleList,
|
|
item: baseStyleItem,
|
|
});
|
|
|
|
const Menu = defineMultiStyleConfig({
|
|
baseStyle,
|
|
});
|
|
|
|
export default Menu;
|