mirror of
https://github.com/invoke-ai/InvokeAI.git
synced 2026-02-09 11:05:19 -05:00
d74c4009cb
`options` slice was huge and managed a mix of generation parameters and general app settings. It has been split up: - Generation parameters are now in `generationSlice`. - Postprocessing parameters are now in `postprocessingSlice` - UI related things are now in `uiSlice` There is probably more to be done, like `gallerySlice` perhaps should only manage internal gallery state, and not if the gallery is displayed. Full-slice selectors have been made for each slice. Other organisational tweaks.
57 lines
1.1 KiB
SCSS
57 lines
1.1 KiB
SCSS
@use '../../../../styles/Mixins/' as *;
|
|
|
|
.process-buttons {
|
|
display: flex;
|
|
column-gap: 0.5rem;
|
|
}
|
|
|
|
.invoke-btn {
|
|
flex-grow: 1;
|
|
width: 100%;
|
|
|
|
@include Button(
|
|
$btn-color: var(--accent-color),
|
|
$btn-color-hover: var(--accent-color-hover),
|
|
$icon-size: 16px
|
|
);
|
|
}
|
|
|
|
.cancel-btn {
|
|
@include Button(
|
|
$btn-color: var(--destructive-color),
|
|
$btn-color-hover: var(--destructive-color-hover),
|
|
$btn-width: 3rem
|
|
);
|
|
}
|
|
|
|
.loopback-btn {
|
|
&[data-as-checkbox='true'] {
|
|
background-color: var(--btn-btn-base-color);
|
|
border: 3px solid var(--btn-btn-base-color);
|
|
svg {
|
|
fill: var(--text-color);
|
|
}
|
|
&:hover {
|
|
background-color: var(--btn-btn-base-color);
|
|
border-color: var(--btn-checkbox-border-hover);
|
|
svg {
|
|
fill: var(--text-color);
|
|
}
|
|
}
|
|
&[data-selected='true'] {
|
|
border-color: var(--accent-color);
|
|
background-color: var(--btn-btn-base-color);
|
|
svg {
|
|
fill: var(--text-color);
|
|
}
|
|
&:hover {
|
|
border-color: var(--accent-color);
|
|
background-color: var(--btn-btn-base-color);
|
|
svg {
|
|
fill: var(--text-color);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|