mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
ui: Simply collapse spacing
This commit is contained in:
parent
171a0eaf51
commit
8d4caaabb0
@ -86,8 +86,8 @@ const IAICollapse = (props: IAIToggleCollapseProps) => {
|
|||||||
<Collapse in={isOpen} animateOpacity style={{ overflow: 'unset' }}>
|
<Collapse in={isOpen} animateOpacity style={{ overflow: 'unset' }}>
|
||||||
<Box
|
<Box
|
||||||
sx={{
|
sx={{
|
||||||
p: 2,
|
p: 4,
|
||||||
pt: 3,
|
pb: 4,
|
||||||
borderBottomRadius: 'base',
|
borderBottomRadius: 'base',
|
||||||
bg: 'base.150',
|
bg: 'base.150',
|
||||||
_dark: {
|
_dark: {
|
||||||
|
@ -32,7 +32,7 @@ const ParamDynamicPromptsCollapse = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<IAICollapse label="Dynamic Prompts" activeLabel={activeLabel}>
|
<IAICollapse label="Dynamic Prompts" activeLabel={activeLabel}>
|
||||||
<Flex sx={{ gap: 2, flexDir: 'column', pb: 2, px: 2 }}>
|
<Flex sx={{ gap: 2, flexDir: 'column' }}>
|
||||||
<ParamDynamicPromptsToggle />
|
<ParamDynamicPromptsToggle />
|
||||||
<ParamDynamicPromptsCombinatorial />
|
<ParamDynamicPromptsCombinatorial />
|
||||||
<ParamDynamicPromptsMaxPrompts />
|
<ParamDynamicPromptsMaxPrompts />
|
||||||
|
@ -32,7 +32,7 @@ const ParamLoraCollapse = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<IAICollapse label="LoRA" activeLabel={activeLabel}>
|
<IAICollapse label="LoRA" activeLabel={activeLabel}>
|
||||||
<Flex sx={{ flexDir: 'column', gap: 2, px: 2, pb: 2 }}>
|
<Flex sx={{ flexDir: 'column', gap: 2 }}>
|
||||||
<ParamLoRASelect />
|
<ParamLoRASelect />
|
||||||
<ParamLoraList />
|
<ParamLoraList />
|
||||||
</Flex>
|
</Flex>
|
||||||
|
@ -29,7 +29,7 @@ export default function ParamAdvancedCollapse() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<IAICollapse label="Advanced" activeLabel={activeLabel}>
|
<IAICollapse label="Advanced" activeLabel={activeLabel}>
|
||||||
<Flex sx={{ flexDir: 'column', gap: 2, px: 2, pb: 2 }}>
|
<Flex sx={{ flexDir: 'column', gap: 2 }}>
|
||||||
<ParamClipSkip />
|
<ParamClipSkip />
|
||||||
</Flex>
|
</Flex>
|
||||||
</IAICollapse>
|
</IAICollapse>
|
||||||
|
@ -15,7 +15,7 @@ const ParamInfillCollapse = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<IAICollapse label={t('parameters.infillScalingHeader')}>
|
<IAICollapse label={t('parameters.infillScalingHeader')}>
|
||||||
<Flex sx={{ gap: 2, flexDirection: 'column', pb: 2 }}>
|
<Flex sx={{ gap: 2, flexDirection: 'column' }}>
|
||||||
<SubParametersWrapper>
|
<SubParametersWrapper>
|
||||||
<ParamInfillMethod />
|
<ParamInfillMethod />
|
||||||
<ParamInfillTilesize />
|
<ParamInfillTilesize />
|
||||||
|
@ -69,7 +69,7 @@ const ParamControlNetCollapse = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<IAICollapse label="ControlNet" activeLabel={activeLabel}>
|
<IAICollapse label="ControlNet" activeLabel={activeLabel}>
|
||||||
<Flex sx={{ flexDir: 'column', gap: 2, pb: 1 }}>
|
<Flex sx={{ flexDir: 'column', gap: 2 }}>
|
||||||
<Flex
|
<Flex
|
||||||
sx={{
|
sx={{
|
||||||
w: '100%',
|
w: '100%',
|
||||||
|
@ -42,7 +42,7 @@ const ParamNoiseCollapse = () => {
|
|||||||
label={t('parameters.noiseSettings')}
|
label={t('parameters.noiseSettings')}
|
||||||
activeLabel={activeLabel}
|
activeLabel={activeLabel}
|
||||||
>
|
>
|
||||||
<Flex sx={{ gap: 2, flexDirection: 'column', px: 2, pb: 2 }}>
|
<Flex sx={{ gap: 2, flexDirection: 'column' }}>
|
||||||
<ParamNoiseToggle />
|
<ParamNoiseToggle />
|
||||||
<ParamCpuNoiseToggle />
|
<ParamCpuNoiseToggle />
|
||||||
{isPerlinNoiseEnabled && <ParamPerlinNoise />}
|
{isPerlinNoiseEnabled && <ParamPerlinNoise />}
|
||||||
|
@ -50,7 +50,7 @@ const ParamSeamlessCollapse = () => {
|
|||||||
label={t('parameters.seamlessTiling')}
|
label={t('parameters.seamlessTiling')}
|
||||||
activeLabel={activeLabel}
|
activeLabel={activeLabel}
|
||||||
>
|
>
|
||||||
<Flex sx={{ gap: 5, px: 2 }}>
|
<Flex sx={{ gap: 5 }}>
|
||||||
<Box flexGrow={1}>
|
<Box flexGrow={1}>
|
||||||
<ParamSeamlessXAxis />
|
<ParamSeamlessXAxis />
|
||||||
</Box>
|
</Box>
|
||||||
|
@ -32,7 +32,7 @@ const ParamSDXLRefinerCollapse = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<IAICollapse label="Refiner" activeLabel={activeLabel}>
|
<IAICollapse label="Refiner" activeLabel={activeLabel}>
|
||||||
<Flex sx={{ gap: 2, flexDir: 'column', px: 2, pb: 2 }}>
|
<Flex sx={{ gap: 2, flexDir: 'column' }}>
|
||||||
<ParamUseSDXLRefiner />
|
<ParamUseSDXLRefiner />
|
||||||
<ParamSDXLRefinerModelSelect />
|
<ParamSDXLRefinerModelSelect />
|
||||||
<Flex gap={2} flexDirection={shouldUseSliders ? 'column' : 'row'}>
|
<Flex gap={2} flexDirection={shouldUseSliders ? 'column' : 'row'}>
|
||||||
|
@ -37,8 +37,6 @@ const SDXLImageToImageTabCoreParameters = () => {
|
|||||||
sx={{
|
sx={{
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
gap: 3,
|
gap: 3,
|
||||||
px: 2,
|
|
||||||
pb: 2,
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{shouldUseSliders ? (
|
{shouldUseSliders ? (
|
||||||
|
@ -35,8 +35,6 @@ const SDXLUnifiedCanvasTabCoreParameters = () => {
|
|||||||
sx={{
|
sx={{
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
gap: 3,
|
gap: 3,
|
||||||
px: 2,
|
|
||||||
pb: 2,
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{shouldUseSliders ? (
|
{shouldUseSliders ? (
|
||||||
|
@ -37,8 +37,6 @@ const ImageToImageTabCoreParameters = () => {
|
|||||||
sx={{
|
sx={{
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
gap: 3,
|
gap: 3,
|
||||||
px: 2,
|
|
||||||
pb: 2,
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{shouldUseSliders ? (
|
{shouldUseSliders ? (
|
||||||
|
@ -34,8 +34,6 @@ const TextToImageTabCoreParameters = () => {
|
|||||||
sx={{
|
sx={{
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
gap: 3,
|
gap: 3,
|
||||||
px: 2,
|
|
||||||
pb: 2,
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{shouldUseSliders ? (
|
{shouldUseSliders ? (
|
||||||
|
@ -35,8 +35,6 @@ const UnifiedCanvasCoreParameters = () => {
|
|||||||
sx={{
|
sx={{
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
gap: 3,
|
gap: 3,
|
||||||
px: 2,
|
|
||||||
pb: 2,
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{shouldUseSliders ? (
|
{shouldUseSliders ? (
|
||||||
|
Loading…
x
Reference in New Issue
Block a user