configurable image fit in all image views

Signed-off-by: Vladimir Mandic <mandic00@live.com>
This commit is contained in:
Vladimir Mandic
2025-08-06 11:33:50 -04:00
parent 7bba30e797
commit 6a6605191f
8 changed files with 43 additions and 8 deletions
+22 -2
View File
@@ -14,6 +14,7 @@
--color-trace: #666666;
--color-warning: #FF9900;
--left-column: 530px;
--sd-image-fit: contain;
}
a {
@@ -515,17 +516,36 @@ color: var(--primary-500) !important
color: var(--body-text-color-subdued) !important
}
.gradio-gallery img, .image-container img {
max-width: 100%;
object-position: top;
width: 100%;
height: 100%;
object-fit: var(--sd-image-fit) !important;
}
.interrogate {
background: none !important;
font-size: 1.5em !important;
max-width: fit-content;
position: absolute;
right: 2.8em;
top: 0.2em;
top: 0.1em;
z-index: 50;
}
.interrogate:hover {
.image-fit {
background: none !important;
font-size: 1.5em !important;
max-width: fit-content;
position: absolute;
right: 4.0em;
top: 0.1em;
z-index: 50;
}
.interrogate:hover,
.image-fit:hover {
background: var(--button-primary-background-fill-hover) !important;
}