lxy/DevFlow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化: git状态色与设置控件token化收敛+看板销账清尾

Browse Source
This commit is contained in:
lxy
2026-08-15 18:58:24 +08:00
parent 13ecd7eba4
commit 9753a6f902
7 changed files with 49 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/settings/ConnectionPanel.vue
+4 -4
View File
@@ -225,10 +225,10 @@ onMounted(loadConnections)
</script>
<style scoped>
/* 阶段1/3 UX 重构:panel/panel-header/empty-hint/btn 系列/setting-select/
/* 阶段1/3 UX 重构:panel/panel-header/empty-hint/btn 系列/setting-select/setting-input
已迁移到 settings.css 全局。
本 scoped 仅保留 ConnectionPanel 特有样式:connection-card/conn 系列/type 系列/form 系列/
setting-input/btn-link 等。 */
btn-link 及 form-field 内输入控件布局覆盖等。 */
/* ===== 链接按钮(本面板特有,未进全局) ===== */
.btn-link { background: none; border: none; color: var(--df-accent); font-size: 12px; cursor: pointer; padding: 2px 6px; }
@@ -294,8 +294,8 @@ onMounted(loadConnections)
.form-label { flex: 0 0 44px; font-size: 12px; font-weight: 500; color: var(--df-text-secondary); text-align: right; }
.form-actions { display: flex; justify-content: flex-end; padding-top: 4px; }
.setting-input { flex: 1; min-width: 0; padding: 6px 12px; background: var(--df-bg); border: 0.5px solid var(--df-border); border-radius: var(--df-radius-sm); color: var(--df-text); font-size: 13px; outline: none; }
.setting-input:focus { border-color: var(--df-accent); }
/* 输入/下拉在 form-field 内 flex 填满(基础样式走全局 settings.css .setting-input/.setting-select) */
.form-field .setting-input,
.form-field .setting-select { flex: 1; min-width: 0; }
/* host+port 组合行(端口跟在 host 后;min-width:0 允许收缩防窄面板溢出,label 已缩窄控制距离) */
.form-row { display: flex; gap: 6px; }
src/components/settings/ProviderPanel.vue
+5 -5
View File
@@ -639,10 +639,10 @@ onMounted(loadProviders)
<style scoped>
/* 阶段1/3 UX 重构:panel/panel-header/empty-hint/btn 系列/setting-select/
toggle/toggle-slider 已迁移到 settings.css 全局。
setting-input/toggle/toggle-slider 已迁移到 settings.css 全局。
本 scoped 仅保留 ProviderPanel 特有样式:provider-card/default-badge/
pool-badge/detail 系列/form 系列/setting-input/btn-link/toggle--sm 等。
注:注释内勿用斜杠分隔类名列表(会误闭合 CSS 注释)。
pool-badge/detail 系列/form 系列/btn-link/toggle--sm 及输入控件布局覆盖等。
注:注释列举类名时勿写星斜杠序列(会提前闭合 CSS 注释)。 */
/* ===== 链接按钮(本面板特有,未进全局) ===== */
.btn-link { background: none; border: none; color: var(--df-accent); font-size: 12px; cursor: pointer; padding: 2px 6px; }
@@ -739,8 +739,8 @@ onMounted(loadProviders)
.form-field--full { flex-direction: column; align-items: stretch; gap: 4px; }
.form-field--full .form-label { flex: none; text-align: left; margin-bottom: 4px; }
.setting-input { flex: 1; min-width: 0; padding: 6px 12px; background: var(--df-bg); border: 0.5px solid var(--df-border); border-radius: var(--df-radius-sm); color: var(--df-text); font-size: 13px; outline: none; }
.setting-input:focus { border-color: var(--df-accent); }
/* 输入/下拉在 form-field 内 flex 填满(基础样式走全局 settings.css .setting-input/.setting-select) */
.form-field .setting-input,
.form-field .setting-select { flex: 1; min-width: 0; }
.setting-input--sm { flex: 0 0 auto; min-width: 0; width: 70px; padding: 4px 8px; font-size: 12px; }