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

Improves styling

Browse Source
This commit is contained in:
psychedelicious 2022-10-31 11:37:07 +11:00
parent 7a4ceb0f7c
commit fe700d27df
4 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/features/tabs/FloatingShowHideButton.scss
View File

@ -7,6 +7,12 @@
z-index: 20; z-index: 20;
padding: 0; padding: 0;
filter: var(--floating-button-drop-shadow);
svg {
fill: var(--tab-list-text);
}
&.left { &.left {
left: 0; left: 0;
border-radius: 0 0.5rem 0.5rem 0 !important; border-radius: 0 0.5rem 0.5rem 0 !important;

5
frontend/src/features/tabs/InvokeOptionsPanel.scss
View File

@ -19,13 +19,14 @@
} }
.options-panel-wrapper { .options-panel-wrapper {
grid-auto-rows: max-content; background-color: var(--background-color);
height: $app-content-height; height: $app-content-height;
width: $options-bar-max-width; width: $options-bar-max-width;
max-width: $options-bar-max-width; max-width: $options-bar-max-width;
flex-shrink: 0; flex-shrink: 0;
position: relative; position: relative;
z-index: 20; overflow-y: scroll;
@include HideScrollbar;
.options-panel { .options-panel {
display: flex; display: flex;

1
frontend/src/features/tabs/InvokeOptionsPanel.tsx
View File

@ -5,7 +5,6 @@ import { useHotkeys } from 'react-hotkeys-hook';
import { BsPinAngle, BsPinAngleFill } from 'react-icons/bs'; import { BsPinAngle, BsPinAngleFill } from 'react-icons/bs';
import { CSSTransition } from 'react-transition-group'; import { CSSTransition } from 'react-transition-group';
import { RootState, useAppDispatch, useAppSelector } from '../../app/store'; import { RootState, useAppDispatch, useAppSelector } from '../../app/store';
import useClickOutsideWatcher from '../../common/hooks/useClickOutsideWatcher'; import useClickOutsideWatcher from '../../common/hooks/useClickOutsideWatcher';
import { import {
OptionsState, OptionsState,

2
frontend/src/styles/Mixins/_Variables.scss
View File

@ -1,6 +1,6 @@
// Calc Values // Calc Values
$app-cutoff: 0px; $app-cutoff: 0px;
$app-content-height-cutoff: 5rem; // default: 7rem $app-content-height-cutoff: calc(70px + 1rem); // default: 7rem
// Usage Variables // Usage Variables
// app // app