feat(recipes): show a has-workflow badge on recipe cards

This commit is contained in:
Will Miao
2026-10-10 09:02:48 +08:00
parent e1b102fc64
commit 377a1337db
16 changed files with 201 additions and 14 deletions
+25 -1
View File
@@ -664,7 +664,8 @@ body.hide-card-version .hl-badge {
.card-footer,
.card-header,
.model-name,
.base-model-label {
.base-model-label,
.workflow-badge {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
@@ -887,3 +888,26 @@ body.hide-card-version .hl-badge {
flex-shrink: 0;
opacity: 0.9;
}
/* Recipe card capability badge: mirrors the model-card update/skip-refresh
badges (small square icon next to the base-model pill) but stays a neutral
attribute marker — no card-level highlight like .has-update. */
.workflow-badge {
width: 18px;
height: 18px;
padding: 0;
border-radius: 4px;
background: var(--badge-workflow-bg);
color: var(--badge-workflow-text);
font-size: 0.7rem;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 2px 6px var(--badge-workflow-glow);
border: 1px solid color-mix(in oklab, var(--badge-workflow-bg) 55%, transparent);
}
.workflow-badge i {
line-height: 1;
}