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/project/FilePreview.vue
+6 -6
View File
@@ -653,11 +653,11 @@ onUnmounted(() => {
text-align: center;
}
.git-modified { background: rgba(255, 165, 0, 0.18); color: #f0a020; }
.git-added { background: rgba(60, 180, 80, 0.18); color: #4caf50; }
.git-modified { background: color-mix(in srgb, var(--df-git-modified) 18%, transparent); color: var(--df-git-modified); }
.git-added { background: color-mix(in srgb, var(--df-git-added) 18%, transparent); color: var(--df-git-added); }
.git-untracked { background: rgba(150, 150, 150, 0.18); color: #999; }
.git-deleted { background: rgba(220, 60, 60, 0.18); color: #e05050; }
.git-other { background: rgba(100, 150, 220, 0.18); color: #6a9adc; }
.git-deleted { background: color-mix(in srgb, var(--df-git-deleted) 18%, transparent); color: var(--df-git-deleted); }
.git-other { background: color-mix(in srgb, var(--df-git-untracked) 18%, transparent); color: var(--df-git-untracked); }
.preview-body {
flex: 1;
@@ -1070,13 +1070,13 @@ onUnmounted(() => {
background: rgba(40, 160, 70, 0.12);
}
.diff-add .diff-line-prefix { color: #4caf50; }
.diff-add .diff-line-prefix { color: var(--df-git-added); }
.diff-del {
background: rgba(220, 60, 60, 0.12);
}
.diff-del .diff-line-prefix { color: #e05050; }
.diff-del .diff-line-prefix { color: var(--df-git-deleted); }
.diff-hdr {
background: rgba(60, 140, 220, 0.08);
src/components/project/FileTree.vue
+8 -8
View File
@@ -462,13 +462,13 @@ watch(
}
.git-modified {
background: rgba(255, 165, 0, 0.18);
color: #f0a020;
background: color-mix(in srgb, var(--df-git-modified) 18%, transparent);
color: var(--df-git-modified);
}
.git-added {
background: rgba(60, 180, 80, 0.18);
color: #4caf50;
background: color-mix(in srgb, var(--df-git-added) 18%, transparent);
color: var(--df-git-added);
}
.git-untracked {
@@ -477,13 +477,13 @@ watch(
}
.git-deleted {
background: rgba(220, 60, 60, 0.18);
color: #e05050;
background: color-mix(in srgb, var(--df-git-deleted) 18%, transparent);
color: var(--df-git-deleted);
}
.git-other {
background: rgba(100, 150, 220, 0.18);
color: #6a9adc;
background: color-mix(in srgb, var(--df-git-untracked) 18%, transparent);
color: var(--df-git-untracked);
}
/* 加载/错误/空态 */
src/components/project/GitChanges.vue
+3 -3
View File
@@ -665,9 +665,9 @@ watch(() => props.refreshKey, () => {
}
.gc-file-status { width: 20px; text-align: center; font-size: 11px; font-weight: 500; flex-shrink: 0; }
.gc-st-modified { color: #f0a020; }
.gc-st-added { color: #4caf50; }
.gc-st-deleted { color: #e05050; }
.gc-st-modified { color: var(--df-git-modified); }
.gc-st-added { color: var(--df-git-added); }
.gc-st-deleted { color: var(--df-git-deleted); }
.gc-st-untracked { color: #999; }
.gc-file-path {
flex: 1; min-width: 0;
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; }
src/styles/global.css
+12
View File
@@ -39,6 +39,12 @@
--df-info: #5eaff0;
--df-info-bg: rgba(94,175,240,0.12);
/* git 变更状态色(added/modified/deleted/untracked) */
--df-git-added: #4caf50;
--df-git-modified: #f0a020;
--df-git-deleted: #e05050;
--df-git-untracked: #6a9adc;
/* — Border: 统一 0.5px 极细边框 — */
--df-border: rgba(255,255,255,0.06);
--df-border-strong: rgba(255,255,255,0.10);
@@ -93,6 +99,12 @@
--df-info: #0984e3;
--df-info-bg: rgba(9,132,227,0.10);
/* git 变更状态色(added/modified/deleted/untracked) */
--df-git-added: #4caf50;
--df-git-modified: #f0a020;
--df-git-deleted: #e05050;
--df-git-untracked: #6a9adc;
--df-border: rgba(0,0,0,0.08);
--df-border-strong: rgba(0,0,0,0.14);
}