Add progress tracking to downloads

This commit is contained in:
Will Miao
2025-02-14 14:37:23 +08:00
parent a32940bcf6
commit 89368ad0e4
6 changed files with 112 additions and 29 deletions

View File

@@ -18,8 +18,8 @@
/* Z-index Scale */
--z-base: 10;
--z-modal: 30;
--z-overlay: 50;
--z-modal: 1000; /* 更新modal的z-index */
--z-overlay: 2000; /* 更新overlay的z-index,确保比modal高 */
/* Border Radius */
--border-radius-base: 12px;
@@ -274,7 +274,7 @@ body {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 1000;
z-index: var(--z-modal);
overflow-y: auto; /* 允许模态窗口内容滚动 */
}
@@ -665,8 +665,7 @@ body.modal-open {
padding: 12px 16px;
border-radius: var(--border-radius-sm);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
/* z-index: calc(var(--z-overlay) + 10); */
z-index: 1000; /* 保证在其他元素之上 */
z-index: calc(var(--z-overlay) + 10); /* 让toast显示在最上层 */
opacity: 0;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);