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

ui: tweak parameter options spacing

Browse Source
This commit is contained in:
blessedcoolant 2023-08-30 05:22:44 +12:00
parent 176d41d624
commit 9afc909ff0
12 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
invokeai/frontend/web/src/app/store/store.ts
View File

@ -6,11 +6,11 @@ import {
configureStore,
} from '@reduxjs/toolkit';
import canvasReducer from 'features/canvas/store/canvasSlice';
import changeBoardModalReducer from 'features/changeBoardModal/store/slice';
import controlNetReducer from 'features/controlNet/store/controlNetSlice';
import deleteImageModalReducer from 'features/deleteImageModal/store/slice';
import dynamicPromptsReducer from 'features/dynamicPrompts/store/dynamicPromptsSlice';
import galleryReducer from 'features/gallery/store/gallerySlice';
import deleteImageModalReducer from 'features/deleteImageModal/store/slice';
import changeBoardModalReducer from 'features/changeBoardModal/store/slice';
import loraReducer from 'features/lora/store/loraSlice';
import nodesReducer from 'features/nodes/store/nodesSlice';
import generationReducer from 'features/parameters/store/generationSlice';

2
invokeai/frontend/web/src/features/dynamicPrompts/components/ParamDynamicPromptsCollapse.tsx
View File

@ -32,7 +32,7 @@ const ParamDynamicPromptsCollapse = () => {
return (
<IAICollapse label="Dynamic Prompts" activeLabel={activeLabel}>
<Flex sx={{ gap: 2, flexDir: 'column', pb: 2 }}>
<Flex sx={{ gap: 2, flexDir: 'column', pb: 2, px: 2 }}>
<ParamDynamicPromptsToggle />
<ParamDynamicPromptsCombinatorial />
<ParamDynamicPromptsMaxPrompts />

2
invokeai/frontend/web/src/features/lora/components/ParamLoraCollapse.tsx
View File

@ -32,7 +32,7 @@ const ParamLoraCollapse = () => {
return (
<IAICollapse label="LoRA" activeLabel={activeLabel}>
<Flex sx={{ flexDir: 'column', gap: 2 }}>
<Flex sx={{ flexDir: 'column', gap: 2, px: 2, pb: 2 }}>
<ParamLoRASelect />
<ParamLoraList />
</Flex>

2
invokeai/frontend/web/src/features/parameters/components/Parameters/Advanced/ParamAdvancedCollapse.tsx
View File

@ -29,7 +29,7 @@ export default function ParamAdvancedCollapse() {
return (
<IAICollapse label="Advanced" activeLabel={activeLabel}>
<Flex sx={{ flexDir: 'column', gap: 2 }}>
<Flex sx={{ flexDir: 'column', gap: 2, px: 2, pb: 2 }}>
<ParamClipSkip />
</Flex>
</IAICollapse>

2
invokeai/frontend/web/src/features/parameters/components/Parameters/Noise/ParamNoiseCollapse.tsx
View File

@ -42,7 +42,7 @@ const ParamNoiseCollapse = () => {
label={t('parameters.noiseSettings')}
activeLabel={activeLabel}
>
<Flex sx={{ gap: 2, flexDirection: 'column' }}>
<Flex sx={{ gap: 2, flexDirection: 'column', px: 2, pb: 2 }}>
<ParamNoiseToggle />
<ParamCpuNoiseToggle />
{isPerlinNoiseEnabled && <ParamPerlinNoise />}

2
invokeai/frontend/web/src/features/parameters/components/Parameters/Seamless/ParamSeamlessCollapse.tsx
View File

@ -50,7 +50,7 @@ const ParamSeamlessCollapse = () => {
label={t('parameters.seamlessTiling')}
activeLabel={activeLabel}
>
<Flex sx={{ gap: 5 }}>
<Flex sx={{ gap: 5, px: 2 }}>
<Box flexGrow={1}>
<ParamSeamlessXAxis />
</Box>

4
invokeai/frontend/web/src/features/sdxl/components/ParamSDXLRefinerCollapse.tsx
View File

@ -4,6 +4,7 @@ import { stateSelector } from 'app/store/store';
import { useAppSelector } from 'app/store/storeHooks';
import { defaultSelectorOptions } from 'app/store/util/defaultMemoizeOptions';
import IAICollapse from 'common/components/IAICollapse';
import { memo } from 'react';
import ParamSDXLRefinerCFGScale from './SDXLRefiner/ParamSDXLRefinerCFGScale';
import ParamSDXLRefinerModelSelect from './SDXLRefiner/ParamSDXLRefinerModelSelect';
import ParamSDXLRefinerNegativeAestheticScore from './SDXLRefiner/ParamSDXLRefinerNegativeAestheticScore';
@ -12,7 +13,6 @@ import ParamSDXLRefinerScheduler from './SDXLRefiner/ParamSDXLRefinerScheduler';
import ParamSDXLRefinerStart from './SDXLRefiner/ParamSDXLRefinerStart';
import ParamSDXLRefinerSteps from './SDXLRefiner/ParamSDXLRefinerSteps';
import ParamUseSDXLRefiner from './SDXLRefiner/ParamUseSDXLRefiner';
import { memo } from 'react';
const selector = createSelector(
stateSelector,
@ -32,7 +32,7 @@ const ParamSDXLRefinerCollapse = () => {
return (
<IAICollapse label="Refiner" activeLabel={activeLabel}>
<Flex sx={{ gap: 2, flexDir: 'column' }}>
<Flex sx={{ gap: 2, flexDir: 'column', px: 2, pb: 2 }}>
<ParamUseSDXLRefiner />
<ParamSDXLRefinerModelSelect />
<Flex gap={2} flexDirection={shouldUseSliders ? 'column' : 'row'}>

2
invokeai/frontend/web/src/features/sdxl/components/SDXLImageToImageTabCoreParameters.tsx
View File

@ -37,6 +37,8 @@ const SDXLImageToImageTabCoreParameters = () => {
sx={{
flexDirection: 'column',
gap: 3,
px: 2,
pb: 2,
}}
>
{shouldUseSliders ? (

2
invokeai/frontend/web/src/features/sdxl/components/SDXLUnifiedCanvasTabCoreParameters.tsx
View File

@ -35,6 +35,8 @@ const SDXLUnifiedCanvasTabCoreParameters = () => {
sx={{
flexDirection: 'column',
gap: 3,
px: 2,
pb: 2,
}}
>
{shouldUseSliders ? (

2
invokeai/frontend/web/src/features/ui/components/tabs/ImageToImage/ImageToImageTabCoreParameters.tsx
View File

@ -37,6 +37,8 @@ const ImageToImageTabCoreParameters = () => {
sx={{
flexDirection: 'column',
gap: 3,
px: 2,
pb: 2,
}}
>
{shouldUseSliders ? (

2
invokeai/frontend/web/src/features/ui/components/tabs/TextToImage/TextToImageTabCoreParameters.tsx
View File

@ -34,6 +34,8 @@ const TextToImageTabCoreParameters = () => {
sx={{
flexDirection: 'column',
gap: 3,
px: 2,
pb: 2,
}}
>
{shouldUseSliders ? (

2
invokeai/frontend/web/src/features/ui/components/tabs/UnifiedCanvas/UnifiedCanvasCoreParameters.tsx
View File

@ -35,6 +35,8 @@ const UnifiedCanvasCoreParameters = () => {
sx={{
flexDirection: 'column',
gap: 3,
px: 2,
pb: 2,
}}
>
{shouldUseSliders ? (