github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-02-09 09:34:55 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fixes responsive images (omg finally), removes app padding

Browse Source
This commit is contained in:
psychedelicious
2022-10-29 12:22:07 +11:00
parent 6fb6bc6d7f
commit 9291fde960
13 changed files with 52 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,19 @@
@use '../../styles/Mixins/' as *;
.progress-bar {
background-color: var(--root-bg-color);
height: $progress-bar-thickness !important;
div {
background-color: var(--progress-bar-color);
&[data-indeterminate] {
background-color: unset;
background-image: linear-gradient(
to right,
transparent 0%,
var(--progress-bar-color) 50%,
transparent 100%
);
}
}
}

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

@@ -28,7 +28,6 @@ const ProgressBar = () => {
return (
<Progress
height="4px"
value={value}
isIndeterminate={isProcessing && !currentStatusHasSteps}
className="progress-bar"

9
frontend/src/features/system/SiteHeader.scss
View File

@@ -4,10 +4,10 @@
}
.site-header-left-side {
display: grid;
grid-template-columns: repeat(2, max-content);
column-gap: 0.6rem;
display: flex;
align-items: center;
column-gap: 0.7rem;
padding-left: 0.5rem;
img {
width: 32px;
@@ -20,8 +20,7 @@
}
.site-header-right-side {
display: grid;
grid-template-columns: repeat(7, max-content);
display: flex;
align-items: center;
column-gap: 0.5rem;
}