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

fix: TextArea Resizer styling when disabled

Browse Source
This commit is contained in:
blessedcoolant 2023-07-27 22:05:46 +12:00
parent f057d5c85b
commit a98ed3a5ba
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
invokeai/frontend/web/src/theme/components/textarea.ts
View File

@ -13,6 +13,15 @@ const invokeAI = defineStyle((props) => ({
var(--invokeai-colors-base-200) 70%, var(--invokeai-colors-base-200) 70%,
var(--invokeai-colors-base-200) 100%)`, var(--invokeai-colors-base-200) 100%)`,
}, },
_disabled: {
'::-webkit-resizer': {
backgroundImage: `linear-gradient(135deg,
var(--invokeai-colors-base-50) 0%,
var(--invokeai-colors-base-50) 70%,
var(--invokeai-colors-base-200) 70%,
var(--invokeai-colors-base-200) 100%)`,
},
},
_dark: { _dark: {
'::-webkit-resizer': { '::-webkit-resizer': {
backgroundImage: `linear-gradient(135deg, backgroundImage: `linear-gradient(135deg,
@ -21,6 +30,15 @@ const invokeAI = defineStyle((props) => ({
var(--invokeai-colors-base-800) 70%, var(--invokeai-colors-base-800) 70%,
var(--invokeai-colors-base-800) 100%)`, var(--invokeai-colors-base-800) 100%)`,
}, },
_disabled: {
'::-webkit-resizer': {
backgroundImage: `linear-gradient(135deg,
var(--invokeai-colors-base-900) 0%,
var(--invokeai-colors-base-900) 70%,
var(--invokeai-colors-base-800) 70%,
var(--invokeai-colors-base-800) 100%)`,
},
},
}, },
})); }));