DemonGatanjieuandClaude Opus 5.5
2901a6664c
The details open on the workflow's values instead of an overview. A bar (Back, the name edited in place, the models' state, Open, ⋯ edit and export); a left column (ui_recipe_sets.js): the workflow's own values, the saved sets unlike them (each with its key values and difference count), Save the canvas, New, then all pictures and versions; the chosen view on the right (ui_recipe_set_view.js): Apply to canvas, ⇄ with the default values or the canvas, ⋯ copy / rename / delete, the main values, prompts (role menu, folded when long), the pictures made with these values, and folded models and nodes. ui_recipe_overview.js gives way to ui_recipe_info.js (name, notes, tags, cover, models' state); ui_recipe_parameters.js keeps prompt roles, node values and the set editor, and loses its 600-line tab renderer. The pictures (ui_recipe_gallery.js) load as thumbnails and each has ⇄: the pick bar from ui_param_compare.js now goes wherever the pictures are and can offer the workflow's own values as a side. Also: applyRecipeToCanvas used anomalousAlert without importing it. The old tab, hero, bento, console and gallery-dialog rules are pruned (about 1,000 lines). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
132 lines
3.4 KiB
CSS
132 lines
3.4 KiB
CSS
|
|
|
|
.anomalous-dialog-close {
|
|
position: absolute;
|
|
top: 16px;
|
|
right: 16px;
|
|
font-size: 1.2rem;
|
|
width: 32px;
|
|
height: 32px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* ========================================================================== */
|
|
/* Material Library Sidebar Mode (Docked) Proportions: Left Narrow, Right Wide*/
|
|
/* ========================================================================== */
|
|
|
|
#anomalous-container.anomalous-docked .anomalous-material-prompt-bar {
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
#anomalous-container.anomalous-docked .anomalous-material-mini-btn {
|
|
padding: 3px 8px;
|
|
font-size: 0.72rem;
|
|
white-space: nowrap;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/* Ensure wide widgets (like long prompts) span full width in the node cards */
|
|
.anomalous-recipe-detail-node-widgets .anomalous-recipe-detail-parameter-row.is-wide {
|
|
grid-column: 1 / -1;
|
|
}
|
|
|
|
/* Reset native dialog styles for the full-screen gallery viewer */
|
|
dialog.anomalous-gallery-viewer {
|
|
border: none;
|
|
padding: 0;
|
|
margin: auto;
|
|
max-width: none;
|
|
max-height: none;
|
|
background: transparent;
|
|
}
|
|
dialog.anomalous-gallery-viewer::backdrop {
|
|
background: rgba(0, 0, 0, 0.95);
|
|
}
|
|
|
|
/* Workflow Recipes: the generated cover placeholder (the pages: 28-workflows.css, 29-workflow-detail.css). */
|
|
|
|
/* 默认封面占位图微光与材质渲染 (AI Abstract Art Blind Box) */
|
|
.anomalous-recipe-thumbnail.is-default-placeholder {
|
|
filter: brightness(0.92) contrast(1.08);
|
|
opacity: 0.95;
|
|
transition: filter 0.25s ease, transform 0.25s ease, opacity 0.25s ease;
|
|
}
|
|
|
|
/* 配方单行文本标签 (收拢至单行 Flex，溢出截断) */
|
|
.anomalous-recipe-tags {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.anomalous-recipe-badge-tag {
|
|
display: inline-block;
|
|
max-width: 120px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-size: 0.66rem;
|
|
padding: 2px 6px;
|
|
border-radius: 4px;
|
|
background: rgba(var(--amb-ink-rgb), 0.04);
|
|
border: 1px solid var(--amb-border);
|
|
color: var(--amb-text-muted);
|
|
cursor: pointer;
|
|
transition: all 0.15s ease;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.anomalous-recipe-badge-tag:hover {
|
|
background: rgba(var(--amb-ink-rgb), 0.1);
|
|
color: var(--amb-text-main);
|
|
}
|
|
|
|
/* Metric Cards for Sampling Parameters */
|
|
|
|
.anomalous-recipe-lazy-expand-btn {
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
padding: 9px;
|
|
border-radius: 8px;
|
|
background: rgba(var(--amb-ink-rgb), 0.05);
|
|
border: 1px solid var(--amb-border);
|
|
color: var(--amb-text-soft);
|
|
font-size: 0.82rem;
|
|
cursor: pointer;
|
|
transition: background 0.2s, border-color 0.2s;
|
|
}
|
|
|
|
.anomalous-recipe-lazy-expand-btn:hover {
|
|
background: rgba(var(--amb-ink-rgb), 0.09);
|
|
border-color: var(--amb-border-strong);
|
|
}
|
|
|
|
/* Metric Cards for Sampling Parameters */
|
|
|
|
.anomalous-recipe-lazy-expand-btn {
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
padding: 9px;
|
|
border-radius: 8px;
|
|
background: rgba(var(--amb-ink-rgb), 0.05);
|
|
border: 1px solid var(--amb-border);
|
|
color: var(--amb-text-soft);
|
|
font-size: 0.82rem;
|
|
cursor: pointer;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.anomalous-recipe-lazy-expand-btn:hover {
|
|
background: rgba(var(--amb-ink-rgb), 0.1);
|
|
color: var(--amb-text-main);
|
|
}
|
|
|