tt/ttstd-infinite-canvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(create): 创作首页 Agent 模式呼吸高光点

Browse Source
This commit is contained in:
✨await
2026-09-17 10:59:33 +08:00
parent b4f935bdd6
commit e49c8ccf01
1 changed files with 26 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/src/pages/create/creation-product.css
View File

@@ -6,7 +6,32 @@
.creation-mode-button[aria-pressed="true"], .creation-mode-button:hover { color: var(--user-ink); }
.creation-mode-button:active { transform: scale(.97); }
.creation-mode-button:focus-visible { outline: 2px solid var(--user-accent); outline-offset: 2px; }
.creation-mode-spark { width: 4px; height: 4px; border-radius: 50%; background: currentColor; opacity: .42; box-shadow: none; }
.creation-mode-spark {
width: 6px;
height: 6px;
border-radius: 50%;
background: #6366f1;
box-shadow: 0 0 8px rgba(99, 102, 241, 0.65);
animation: creation-mode-spark-pulse 2s ease-in-out infinite;
}
.dark .creation-mode-spark {
background: #818cf8;
box-shadow: 0 0 10px rgba(129, 140, 248, 0.85);
}
@keyframes creation-mode-spark-pulse {
0%, 100% {
transform: scale(0.85);
opacity: 0.45;
box-shadow: 0 0 4px rgba(99, 102, 241, 0.4);
}
50% {
transform: scale(1.3);
opacity: 1;
box-shadow: 0 0 10px rgba(99, 102, 241, 0.9), 0 0 16px rgba(99, 102, 241, 0.45);
}
}
.creation-agent-entry { display: grid; grid-template-columns: 88px minmax(0, 1fr); align-items: center; gap: 16px 24px; padding: 28px; margin-bottom: 20px; border-radius: var(--user-radius-card); background: var(--user-surface); animation: product-card-enter var(--product-enter) var(--product-ease) backwards; }
.creation-agent-orb { grid-row: span 2; }
.creation-agent-eyebrow { font-size: 10px; font-weight: 650; letter-spacing: .14em; color: var(--user-accent); }