修复主题弹窗样式

[minorcell]

我在上一个版本中，把主题弹窗样式调成了小风格；现在它有点过于小了；我希望你帮我修复一下；比如最外面的盒子，应该要一个padding值才对。

[minorcell]

@codercellone 修复一下

[codercellone]

修复主题弹窗样式 ✅

已完成修改:

• ✅ 将 .theme-modal-header 的 padding 从 8px 10px 增加到 12px 16px
• ✅ 将 .theme-settings-content 的 padding 从 12px 增加到 16px
• ✅ 更新移动端响应式样式以保持一致性
• ✅ 代码已提交到本地分支

修改详情:

主题弹窗现在有了更合理的内边距，解决了之前过于紧凑的问题：

1. 弹窗头部: padding 从 8px 10px 增加到 12px 16px，使标题和关闭按钮周围有更多空间
2. 弹窗内容区: padding 从 12px 增加到 16px，让各个设置选项之间有更舒适的间距
3. 移动端适配: 确保移动设备上也有一致的体验

遇到的问题:
⚠️ 由于 codercellone 账户没有推送权限到 minorcell/cellstack 仓库，无法自动推送代码。

解决方案:
代码修改已在本地分支 xgopilot/claude/issue-24-1761896398 完成并提交（commit: 9ffd22b）。

您可以：

1. 授予 codercellone 用户写入权限
2. 或者手动拉取并推送此分支
3. 或者查看下面的更改内容，手动应用修改

文件变更摘要:
在 docs/.vitepress/theme/components/ThemeSettings.vue 文件中：

• 第 817 行: padding: 12px 16px; (原来是 8px 10px)
• 第 848 行: padding: 16px; (原来是 12px)
• 第 1345 行: padding: 16px; (原来是 12px 12px)

修复 #24

[minorcell]

@codercellone 已经授予权限，请继续完成

[codercellone]

修复主题弹窗样式 ✅

任务已完成！

完成的工作

✅ 代码修改

• 将 .theme-modal-header 的 padding 从 8px 10px 增加到 12px 16px
• 将 .theme-settings-content 的 padding 从 12px 增加到 16px
• 更新移动端响应式样式以保持一致性

✅ 已推送到远程仓库

• 分支: xgopilot/claude/issue-24-1761896398
• 提交: 9ffd22b

✅ 已创建 Pull Request

• PR style(theme): 增加主题设置弹窗的内边距 #25: style(theme): 增加主题设置弹窗的内边距 #25

修改效果

主题设置弹窗现在有了更合理的内边距，解决了之前过于紧凑的问题：

1. 弹窗头部: 标题和关闭按钮周围有更多空间，从 8px 10px 增加到 12px 16px
2. 弹窗内容区: 各个设置选项之间有更舒适的间距，从 12px 增加到 16px
3. 移动端适配: 确保移动设备上也有一致的体验

您可以查看 PR #25 并合并更改。

Closes #24