Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): InvSwitch and InvSliderThumb are round

Browse Source
This commit is contained in:
psychedelicious 2023-12-29 17:13:08 +11:00 committed by Kent Keirsey
parent 43a4b815e8
commit f4ea495d23
2 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
invokeai/frontend/web/src/common/components/InvSlider/theme.ts
View File

@ -23,12 +23,11 @@ const filledTrack = defineStyle((_props) => {
const thumb = defineStyle((props) => { const thumb = defineStyle((props) => {
const { orientation } = props; const { orientation } = props;
return { return {
w: 4, w: 5,
h: 4, h: 5,
bg: 'base.400', bg: 'base.400',
borderRadius: 'base',
borderColor: 'base.200', borderColor: 'base.200',
borderWidth: 2, borderWidth: 3,
_hover: { _hover: {
transform: transform:
orientation === 'vertical' orientation === 'vertical'

4
invokeai/frontend/web/src/common/components/InvSwitch/theme.ts
View File

@ -9,21 +9,19 @@ const { defineMultiStyleConfig, definePartsStyle } =
const invokeAITrack = defineStyle((_props) => { const invokeAITrack = defineStyle((_props) => {
return { return {
borderRadius: 'sm',
bg: 'base.600', bg: 'base.600',
p: 1, p: 1,
_focusVisible: { _focusVisible: {
boxShadow: 'none', boxShadow: 'none',
}, },
_checked: { _checked: {
bg: 'blue.400', bg: 'blue.500',
}, },
}; };
}); });
const invokeAIThumb = defineStyle((_props) => { const invokeAIThumb = defineStyle((_props) => {
return { return {
borderRadius: 'sm',
bg: 'base.50', bg: 'base.50',
}; };
}); });