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): prompt shows thru prompt label text

Browse Source
This commit is contained in:
psychedelicious 2024-08-14 12:01:49 +10:00
parent e0d3927265
commit 29d6f48901
5 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
invokeai/frontend/web/src/features/parameters/components/Core/ParamNegativePrompt.tsx
View File

@ -53,10 +53,11 @@ export const ParamNegativePrompt = memo(() => {
onKeyDown={onKeyDown}
fontSize="sm"
variant="darkFilled"
minH={24}
paddingRight={10}
paddingLeft={3}
paddingTop={7}
minH={28}
borderTopWidth={24} // This prevents the prompt from being hidden behind the header
paddingInlineEnd={10}
paddingInlineStart={3}
paddingTop={0}
paddingBottom={3}
/>
<PromptOverlayButtonWrapper>

7
invokeai/frontend/web/src/features/parameters/components/Core/ParamPositivePrompt.tsx
View File

@ -68,9 +68,10 @@ export const ParamPositivePrompt = memo(() => {
minH={40}
onKeyDown={onKeyDown}
variant="darkFilled"
paddingRight={10}
paddingLeft={3}
paddingTop={7}
borderTopWidth={24} // This prevents the prompt from being hidden behind the header
paddingInlineEnd={10}
paddingInlineStart={3}
paddingTop={0}
paddingBottom={3}
/>
<PromptOverlayButtonWrapper>

6
invokeai/frontend/web/src/features/parameters/components/Prompts/PromptLabel.tsx
View File

@ -1,9 +1,9 @@
import { FormLabel } from '@invoke-ai/ui-library';
import { Text } from '@invoke-ai/ui-library';
export const PromptLabel = ({ label }: { label: string }) => {
return (
<FormLabel color="base.450" fontSize="xs" pos="absolute" top={2} left={3}>
<Text variant="subtext" fontWeight="semibold" pos="absolute" top={1} left={2}>
{label}
</FormLabel>
</Text>
);
};

7
invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/ParamSDXLNegativeStylePrompt.tsx
View File

@ -42,9 +42,10 @@ export const ParamSDXLNegativeStylePrompt = memo(() => {
fontSize="sm"
variant="darkFilled"
minH={24}
paddingRight={10}
paddingLeft={3}
paddingTop={7}
borderTopWidth={24} // This prevents the prompt from being hidden behind the header
paddingInlineEnd={10}
paddingInlineStart={3}
paddingTop={0}
paddingBottom={3}
/>
<PromptOverlayButtonWrapper>

7
invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/ParamSDXLPositiveStylePrompt.tsx
View File

@ -39,9 +39,10 @@ export const ParamSDXLPositiveStylePrompt = memo(() => {
fontSize="sm"
variant="darkFilled"
minH={24}
paddingRight={10}
paddingLeft={3}
paddingTop={7}
borderTopWidth={24} // This prevents the prompt from being hidden behind the header
paddingInlineEnd={10}
paddingInlineStart={3}
paddingTop={0}
paddingBottom={3}
/>
<PromptOverlayButtonWrapper>