refactor: unify panel UI to gold design system, add backdrop blur to all overlays

This commit is contained in:
2026-06-14 16:25:56 +08:00
parent b61d08a0ca
commit 02a82e9801
5 changed files with 61 additions and 47 deletions

View File

@@ -93,7 +93,9 @@ const maxSlots = 5
.save-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.85);
background: rgba(0, 0, 0, 0.45);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
display: flex;
align-items: center;
justify-content: center;
@@ -101,9 +103,9 @@ const maxSlots = 5
}
.save-panel {
background: #1a1a2e;
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 8px;
background: rgba(12, 12, 18, 0.85);
border: none;
border-radius: 12px;
padding: 32px;
min-width: 480px;
max-width: 560px;
@@ -115,7 +117,7 @@ const maxSlots = 5
font-weight: 400;
letter-spacing: 2px;
margin-bottom: 24px;
color: #ddd;
color: #c9a84c;
}
.slot-list {
@@ -135,12 +137,12 @@ const maxSlots = 5
}
.auto-save-slot {
border-color: rgba(100, 200, 255, 0.3);
background: rgba(100, 200, 255, 0.06);
border-color: rgba(201, 168, 76, 0.3);
background: rgba(201, 168, 76, 0.06);
}
.auto-save-label {
color: #6cf;
color: #c9a84c;
}
.slot-thumb {