feat: 工具板优化

This commit is contained in:
Joey
2026-08-09 22:21:56 +08:00
parent a925283bf7
commit 76be4a82dd
5 changed files with 473 additions and 192 deletions
+78
View File
@@ -218,8 +218,86 @@
.ai-tag-chip-zh {
color: #9ca3af;
}
.ai-copy-btn.is-copied,
.ai-copy-trigger.is-copied,
.ai-copy-all-tags-btn.is-copied {
background: rgba(16, 185, 129, 0.25) !important;
color: #34d399 !important;
}
.ai-tag-chip.is-copied {
border-color: #34d399;
background: rgba(16, 185, 129, 0.15);
transform: none;
}
/* 上品登记表:型号 / 重量 / 尺寸 默认隐藏 */
#historyTable:not(.show-optional-cols) .history-col-optional {
display: none;
}
/* ================================================================
Toast 轻提示
================================================================ */
.toast-container {
position: fixed;
top: 1.25rem;
left: 50%;
transform: translateX(-50%);
z-index: 9999;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.625rem;
pointer-events: none;
}
.toast {
pointer-events: auto;
min-width: 12rem;
max-width: 22rem;
display: flex;
align-items: center;
gap: 0.625rem;
padding: 0.75rem 1.125rem;
border-radius: 0.625rem;
background: var(--color-dark-light);
border: 1px solid var(--color-gray-700);
border-left: 4px solid var(--color-secondary);
color: #f3f4f6;
font-size: 0.9375rem;
line-height: 1.4;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.45);
opacity: 0;
transform: translateY(-12px);
transition: opacity 0.25s ease, transform 0.25s ease;
}
.toast.show {
opacity: 1;
transform: translateY(0);
}
.toast.hide {
opacity: 0;
transform: translateY(-12px);
}
.toast .toast-icon {
flex: 0 0 auto;
font-size: 1.125rem;
line-height: 1;
}
.toast.success {
border-left-color: var(--color-secondary);
}
.toast.success .toast-icon {
color: #34d399;
}
.toast.error {
border-left-color: var(--color-danger);
}
.toast.error .toast-icon {
color: #f87171;
}
.toast.info {
border-left-color: var(--color-primary);
}
.toast.info .toast-icon {
color: #60a5fa;
}