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

Add Invoke AI Logo to unpinned Options

Browse Source
This commit is contained in:
blessedcoolant 2022-11-01 01:35:53 +13:00 committed by psychedelicious
parent 88203d8db2
commit c73a61b785
7 changed files with 69 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/dist/assets/index.519094b9.css vendored
View File

File diff suppressed because one or more lines are too long

74
frontend/dist/assets/index.1bbf045c.js → frontend/dist/assets/index.d3820055.js vendored
View File

File diff suppressed because one or more lines are too long

1
frontend/dist/assets/index.ed39e306.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

4
frontend/dist/index.html vendored
View File

@ -6,8 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>InvokeAI - A Stable Diffusion Toolkit</title> <title>InvokeAI - A Stable Diffusion Toolkit</title>
<link rel="shortcut icon" type="icon" href="./assets/favicon.0d253ced.ico" /> <link rel="shortcut icon" type="icon" href="./assets/favicon.0d253ced.ico" />
<script type="module" crossorigin src="./assets/index.1bbf045c.js"></script> <script type="module" crossorigin src="./assets/index.d3820055.js"></script>
<link rel="stylesheet" href="./assets/index.519094b9.css"> <link rel="stylesheet" href="./assets/index.ed39e306.css">
</head> </head>
<body> <body>

1
frontend/src/features/system/ProgressBar.scss
View File

@ -3,6 +3,7 @@
.progress-bar { .progress-bar {
background-color: var(--root-bg-color); background-color: var(--root-bg-color);
height: $progress-bar-thickness !important; height: $progress-bar-thickness !important;
z-index: 99;
div { div {
background-color: var(--progress-bar-color); background-color: var(--progress-bar-color);

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

@ -23,6 +23,7 @@
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;
overflow-y: scroll; overflow-y: scroll;
@ -70,3 +71,20 @@
} }
} }
} }
.invoke-ai-logo-wrapper {
display: flex;
align-items: center;
column-gap: 0.7rem;
padding-left: 0.5rem;
padding-top: $progress-bar-thickness;
img {
width: 32px;
height: 32px;
}
h1 {
font-size: 1.4rem;
}
}

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

@ -15,6 +15,7 @@ import {
setShouldShowOptionsPanel, setShouldShowOptionsPanel,
} from '../options/optionsSlice'; } from '../options/optionsSlice';
import { setNeedsCache } from './Inpainting/inpaintingSlice'; import { setNeedsCache } from './Inpainting/inpaintingSlice';
import InvokeAILogo from '../../assets/images/logo.png';
type Props = { children: ReactNode }; type Props = { children: ReactNode };
@ -161,6 +162,15 @@ const InvokeOptionsPanel = (props: Props) => {
{shouldPinOptionsPanel ? <BsPinAngleFill /> : <BsPinAngle />} {shouldPinOptionsPanel ? <BsPinAngleFill /> : <BsPinAngle />}
</div> </div>
</Tooltip> </Tooltip>
{!shouldPinOptionsPanel && (
<div className="invoke-ai-logo-wrapper">
<img src={InvokeAILogo} alt="invoke-ai-logo" />
<h1>
invoke <strong>ai</strong>
</h1>
</div>
)}
{children} {children}
</div> </div>
</div> </div>