mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
fix(ui): fix scrollbar styles typing and prop
just noticed the typo, and made the types stronger.
This commit is contained in:
parent
4f99b005b1
commit
21fb41ef56
@ -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',
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
Loading…
x
Reference in New Issue
Block a user