feat: adds preview overlay for styles (#1762)

* feat: adds preview overlay for styles

* fix: implement correct path resolution for all OS

solves issues for Windows

* fix: makes preview overlay also work with other languages

* feat: scale down images to 258x200, fix aspect ratio in css

reduces file size from 19,6MB to 3,4MB

* fix: adjust z-index to correctly overlay gradio border pulse when generating images

* update files

* version

---------

Co-authored-by: Manuel Schmid <9307310+mashb1t@users.noreply.github.com>
Co-authored-by: Manuel Schmid <manuel.schmid@odt.net>
Co-authored-by: lllyasviel <lyuminzhang@outlook.com>
This commit is contained in:
Chris Rohrer
2024-01-07 15:10:42 -08:00
committed by GitHub
co-authored by Manuel Schmid Manuel Schmid lllyasviel
parent 176faf6f34
commit f298ebca76
282 changed files with 59 additions and 1 deletions
+15
View File
@@ -196,3 +196,18 @@
pointer-events: none;
display: none;
}
#stylePreviewOverlay {
display: none;
width: 128px;
height: 128px;
position: fixed;
top: 0px;
left: 0px;
border: solid 1px lightgrey;
transform: translate(-140px, 20px);
background-size: cover;
background-position: center;
border-radius: 5px;
z-index: 100;
}