Commit e722bb2d authored by Developer's avatar Developer

style(hil): ProjectPanel toast 样式优化

parent 7a5f4fdf
/* ===== 项目面板容器 ===== */
.panel {
position: relative;
width: 320px;
background: #16161e;
border-left: 1px solid #2a2a3a;
......@@ -434,3 +435,60 @@
display: inline-block;
animation: spin 1s linear infinite;
}
/* ===== Toast 悬浮通知 ===== */
@keyframes toastSlideIn {
from { transform: translateY(-12px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
@keyframes toastFadeOut {
from { opacity: 1; transform: translateY(0); }
to { opacity: 0; transform: translateY(-8px); }
}
.toast {
position: absolute;
top: 12px;
left: 12px;
right: 12px;
z-index: 10;
display: flex;
align-items: center;
gap: 8px;
padding: 10px 14px;
background: rgba(22, 22, 30, 0.92);
backdrop-filter: blur(8px);
border: 1px solid rgba(34, 197, 94, 0.3);
border-radius: 8px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
animation: toastSlideIn 0.25s ease-out;
}
.toastFading {
animation: toastFadeOut 0.4s ease-in forwards;
}
.toastText {
flex: 1;
font-size: 12px;
color: #86efac;
line-height: 1.4;
}
.toastClose {
background: none;
border: none;
color: rgba(134, 239, 172, 0.5);
font-size: 14px;
cursor: pointer;
padding: 2px 4px;
border-radius: 4px;
flex-shrink: 0;
transition: all 0.12s;
}
.toastClose:hover {
background: rgba(34, 197, 94, 0.15);
color: #86efac;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment