dify/web/app/components/main-nav/components/help-menu.module.css
Jingyi cb64446fa3
feat(web): add step-by-step tour shell (#38785)
Co-authored-by: hjlarry <hjlarry@163.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
Co-authored-by: yyh <92089059+lyzno1@users.noreply.github.com>
2026-07-20 09:23:25 +00:00

38 lines
932 B
CSS

@reference "../../../styles/globals.css";
.stepByStepTourRecoveryPulse {
animation: step-by-step-tour-help-pulse 2.4s ease-out 1;
}
@media (prefers-reduced-motion: reduce) {
.stepByStepTourRecoveryPulse {
animation: none;
}
}
@keyframes step-by-step-tour-help-pulse {
0% {
background-color: var(--color-components-card-bg);
box-shadow: 0 0 0 0 var(--color-state-accent-hover-alt);
color: var(--color-text-tertiary);
}
18% {
background-color: var(--color-state-accent-hover);
box-shadow: 0 0 0 6px var(--color-state-accent-active-alt);
color: var(--color-saas-dify-blue-inverted);
}
56% {
background-color: var(--color-state-accent-hover);
box-shadow: 0 0 0 12px transparent;
color: var(--color-saas-dify-blue-inverted);
}
100% {
background-color: var(--color-components-card-bg);
box-shadow: 0 0 0 0 transparent;
color: var(--color-text-tertiary);
}
}