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): minimize layout shift when overlaying preset prompt preview

Browse Source
This commit is contained in:
psychedelicious 2024-08-14 12:24:57 +10:00
parent 41b2d5d013
commit ddeafc6833
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
invokeai/frontend/web/src/features/parameters/components/Prompts/ViewModePrompt.tsx
View File

@ -35,14 +35,17 @@ export const ViewModePrompt = ({
onClick={handleExitViewMode}
justifyContent="space-between"
h="full"
paddingRight={3}
paddingLeft={3}
paddingTop={7}
borderWidth={1}
borderTopWidth={24} // This prevents the prompt from being hidden behind the header
borderColor="transparent"
paddingInlineEnd={10}
paddingInlineStart={3}
paddingTop={0}
paddingBottom={3}
>
<PromptLabel label={label} />
<Flex overflow="scroll">
<Text w="full">
<Text w="full" lineHeight="short">
{presetChunks.map((chunk, index) => (
<Text
as="span"