Merge remote-tracking branch 'missionfloyd/extra-network-preview-lazyload' into dev

This commit is contained in:
AUTOMATIC 2023-05-18 23:23:13 +03:00
commit 3d959f5b49
3 changed files with 11 additions and 4 deletions

View File

@ -1,6 +1,6 @@
<div class='card' style={style} onclick={card_clicked}>
{background_image}
{metadata_button}
<div class='actions'>
<div class='additional'>
<ul>
@ -12,4 +12,3 @@
<span class='description'>{description}</span>
</div>
</div>

View File

@ -161,7 +161,7 @@ class ExtraNetworksPage:
height = f"height: {shared.opts.extra_networks_card_height}px;" if shared.opts.extra_networks_card_height else ''
width = f"width: {shared.opts.extra_networks_card_width}px;" if shared.opts.extra_networks_card_width else ''
background_image = f"background-image: url(\"{html.escape(preview)}\");" if preview else ''
background_image = f'<img src="{html.escape(preview)}" class="preview" loading="lazy">' if preview else ''
metadata_button = ""
metadata = item.get("metadata")
if metadata:
@ -186,7 +186,8 @@ class ExtraNetworksPage:
return ""
args = {
"style": f"'display: none; {height}{width}{background_image}'",
"background_image": background_image,
"style": f"'display: none; {height}{width}'",
"prompt": item.get("prompt", None),
"tabname": json.dumps(tabname),
"local_preview": json.dumps(item["local_preview"]),

View File

@ -901,3 +901,10 @@ footer {
.extra-network-cards .card ul a:hover{
color: red;
}
.extra-network-cards .card .preview{
position: absolute;
object-fit: cover;
width: 100%;
height:100%;
}