mirror of
https://github.com/fankes/komari-theme-purcarte.git
synced 2025-10-19 20:09:24 +08:00
fix: 修复4小时负载图表数据渲染和下拉菜单动画
This commit is contained in:
29
src/components/ui/dropdown-menu.css
Normal file
29
src/components/ui/dropdown-menu.css
Normal file
@@ -0,0 +1,29 @@
|
||||
@keyframes slideDownAndFade {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes slideUpAndFade {
|
||||
from {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
}
|
||||
|
||||
[role="menu"][data-state="open"] {
|
||||
animation: slideDownAndFade 300ms cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
||||
|
||||
[role="menu"][data-state="closed"] {
|
||||
animation: slideUpAndFade 300ms cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
Reference in New Issue
Block a user