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 { orientation } = props;
return {
w: 4,
h: 4,
w: 5,
h: 5,
bg: 'base.400',
borderRadius: 'base',
borderColor: 'base.200',
borderWidth: 2,
borderWidth: 3,
_hover: {
transform:
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) => {
return {
borderRadius: 'sm',
bg: 'base.600',
p: 1,
_focusVisible: {
boxShadow: 'none',
},
_checked: {
bg: 'blue.400',
bg: 'blue.500',
},
};
});
const invokeAIThumb = defineStyle((_props) => {
return {
borderRadius: 'sm',
bg: 'base.50',
};
});