refactor(frontend): replace toast system with zibll notyf
This commit is contained in:
1 parent
fb11a7ed0c
commit
86614c4905
33 files changed
+603
-802
No files matched your search
@@ -5,7 +5,6 @@
|
||||
* 通过 class-aksrt-scripts.php 在 is_page_template('templates/pages/page-profile.php') 时加载。
|
||||
*
|
||||
* 覆盖:
|
||||
* - Toast 通知容器(仅 profile 页)
|
||||
* - 公开个人主页头
|
||||
* - 仪表盘标签 + 数据表
|
||||
* - 个人资料编辑表单 + 联系方式行
|
||||
@@ -14,46 +13,6 @@
|
||||
* - 密码强度条
|
||||
*/
|
||||
|
||||
/* ==================== Toast(profile 页专用) ==================== */
|
||||
#toast-container {
|
||||
position: fixed;
|
||||
bottom: calc(24px + env(safe-area-inset-bottom, 0px));
|
||||
right: calc(24px + env(safe-area-inset-right, 0px));
|
||||
z-index: 99999;
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
gap: 10px;
|
||||
pointer-events: none;
|
||||
}
|
||||
.toast-item {
|
||||
pointer-events: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 10px 20px;
|
||||
background: rgba(0, 0, 0, 0.78);
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
border-radius: 100px;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
|
||||
animation: toastIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.toast-item.fade-out {
|
||||
animation: toastOut 0.4s ease forwards;
|
||||
}
|
||||
@keyframes toastIn {
|
||||
0% { opacity: 0; transform: translateY(16px) scale(0.92); }
|
||||
100% { opacity: 1; transform: translateY(0) scale(1); }
|
||||
}
|
||||
@keyframes toastOut {
|
||||
0% { opacity: 1; transform: translateY(0) scale(1); }
|
||||
100% { opacity: 0; transform: translateY(8px) scale(0.95); }
|
||||
}
|
||||
|
||||
/* 用户主页 / 用户中心统一使用站点内容宽度,避免旧 page/dashboard 容器收窄。
|
||||
* main 自身同时带 content-shell + aksrt-profile,不能写成 .aksrt-profile .content-shell。 */
|
||||
.aksrt-profile.content-shell,
|
||||
|
||||
Reference in new issue
Block a user