fix(ui): fix scrollbar styles typing and prop

just noticed the typo, and made the types stronger.
This commit is contained in:
psychedelicious 2023-03-26 15:39:02 +11:00
parent 4f99b005b1
commit 21fb41ef56

View File

@ -1,11 +1,13 @@
export const no_scrollbar = { import { ChakraProps } from '@chakra-ui/react';
export const no_scrollbar: ChakraProps['sx'] = {
'::-webkit-scrollbar': { '::-webkit-scrollbar': {
display: 'none', display: 'none',
}, },
scrollbarWidth: 'none', scrollbarWidth: 'none',
}; };
export const scrollbar = { export const scrollbar: ChakraProps['sx'] = {
scrollbarColor: 'accent.600 transparent', scrollbarColor: 'accent.600 transparent',
scrollbarWidth: 'thick', scrollbarWidth: 'thick',
'::-webkit-scrollbar': { '::-webkit-scrollbar': {
@ -26,6 +28,6 @@ export const scrollbar = {
borderColor: 'accent.500', borderColor: 'accent.500',
}, },
'::-webkit-scrollbar-button': { '::-webkit-scrollbar-button': {
background: 'transaprent', background: 'transparent',
}, },
}; };