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(ui): fix prompt resize & style resizer (#3652)

Browse Source
This commit is contained in:
blessedcoolant 2023-07-05 23:42:23 +12:00 committed by GitHub
commit 818616a0c5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,28 @@
import { defineStyle, defineStyleConfig } from '@chakra-ui/react';
import { getInputOutlineStyles } from '../util/getInputOutlineStyles';
const invokeAI = defineStyle((props) => getInputOutlineStyles(props));
const invokeAI = defineStyle((props) => ({
...getInputOutlineStyles(props),
'::-webkit-scrollbar': {
display: 'initial',
},
'::-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: {
'::-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%)`,
},
},
}));
export const textareaTheme = defineStyleConfig({
variants: {