fix: 修复 CCR 账户弹窗暗黑主题失效问题

- 为全局 modal 和 modal-content 添加暗黑模式样式
- 在 CcrAccountForm 组件中使用 Tailwind 暗黑模式类替代 scoped style
- 优化关闭按钮在暗黑模式下的显示效果

此修复确保 CCR 账户添加/编辑弹窗在暗黑模式下正确显示深色背景和样式,与其他界面元素保持一致的用户体验。

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
DokiDoki1103
2025-10-12 20:59:41 +08:00
parent 0b00682e74
commit a2844e802a
2 changed files with 14 additions and 14 deletions

View File

@@ -261,6 +261,10 @@
background: rgba(0, 0, 0, 0.6);
}
.dark .modal {
background: rgba(0, 0, 0, 0.75);
}
.modal-content {
background: rgba(255, 255, 255, 0.98);
border-radius: 24px;
@@ -271,6 +275,14 @@
/* 移除模糊效果 */
}
.dark .modal-content {
background: rgba(17, 24, 39, 0.95);
border: 1px solid rgba(75, 85, 99, 0.3);
box-shadow:
0 10px 25px -5px rgba(0, 0, 0, 0.3),
0 0 0 1px rgba(255, 255, 255, 0.05);
}
/* 弹窗滚动内容样式 */
.modal-scroll-content {
max-height: calc(90vh - 160px);