display reference models with subdued color

Signed-off-by: Vladimir Mandic <mandic00@live.com>
This commit is contained in:
Vladimir Mandic
2025-04-12 17:59:24 -04:00
parent 7364bc364b
commit d9a72be74c
3 changed files with 10 additions and 2 deletions
+5
View File
@@ -2,6 +2,11 @@
## Update for 2025-04-12
- Cleanup CogView3 and CogView4 model loader
- UI display reference models with subdued color
## Update for 2025-04-12
### Highlights for 2025-04-12
Last release was just over a week ago and here we are again with another update as a new high-end image model, [HiDream-I1](https://github.com/vladmandic/sdnext/wiki/HiDream) jumped out and generated a lot of buzz!
+1
View File
@@ -242,6 +242,7 @@ table.settings-value-table td { padding: 0.4em; border: 1px solid #ccc; max-widt
.extra-network-cards .card { height: fit-content; margin: 0 0 0.5em 0.5em; position: relative; scroll-snap-align: start; scroll-margin-top: 0; }
.extra-network-cards .card .overlay { z-index: 10; width: 100%; background: none; }
.extra-network-cards .card .overlay .name { font-size: var(--text-lg); font-weight: bold; text-shadow: 1px 1px black; color: white; overflow-wrap: anywhere; position: absolute; bottom: 0; padding: 0.2em; z-index: 10; }
.extra-network-cards .card .overlay .reference { color: var(--body-text-color-subdued) }
.extra-network-cards .card .preview { box-shadow: var(--button-shadow); min-height: 30px; }
.extra-network-cards .card:hover .overlay { background: rgba(0, 0, 0, 0.70); }
.extra-network-cards .card:hover .preview { box-shadow: none; filter: grayscale(100%); }
+4 -2
View File
@@ -30,7 +30,7 @@ card_full = '''
<div class='card' onclick={card_click} title='{name}' data-tab='{tabname}' data-page='{page}' data-name='{name}' data-filename='{filename}' data-tags='{tags}' data-mtime='{mtime}' data-size='{size}' data-search='{search}' style='--data-color: {color}'>
<div class='overlay'>
<div class='tags'></div>
<div class='name'>{title}</div>
<div class='name {reference}'>{title}</div>
</div>
<div class='version'>{version}</div>
<div class='actions'>
@@ -44,7 +44,7 @@ card_list = '''
<div class='card card-list' onclick={card_click} title='{name}' data-tab='{tabname}' data-page='{page}' data-name='{name}' data-filename='{filename}' data-tags='{tags}' data-mtime='{mtime}' data-version='{version}' data-size='{size}' data-search='{search}'>
<div style='display: flex'>
<span class='details' title="Get details" onclick="showCardDetails(event)">&#x1f6c8;</span>&nbsp;
<div class='name' style='flex-flow: column'>{title}&nbsp;
<div class='name {rerefence}' style='flex-flow: column'>{title}&nbsp;
<div class='tags tags-list'></div>
</div>
</div>
@@ -330,7 +330,9 @@ class ExtraNetworksPage:
"size": item.get("size", 0),
"version": item.get("version", ''),
"color": random_bright_color(),
"reference": "reference" if 'Reference' in item.get('name', '') else "",
}
print('HERE', args['name'], args['reference'])
alias = item.get("alias", None)
if alias is not None:
args['title'] += f'\nAlias: {alias}'