hera/oil-formula-calculator
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

UI: 容量按钮更窄、比例标签颜色统一
Some checks failed
PR Preview / teardown-preview (pull_request) Has been skipped
Details
Test / unit-test (push) Successful in 5s
Details
Test / build-check (push) Successful in 4s
Details
PR Preview / test (pull_request) Successful in 4s
Details
PR Preview / deploy-preview (pull_request) Successful in 17s
Details
Test / e2e-test (push) Failing after 57s
Details

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Hera Zhao
2026-04-10 16:44:46 +00:00
parent d38582167b
commit fb2f1d47e6
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/RecipeDetailOverlay.vue
View File

@@ -1817,8 +1817,8 @@ async function saveRecipe() {
} }
.dilution-label { .dilution-label {
font-size: 13px; font-size: 12px;
color: var(--text-mid, #5a4a35); color: #4a9d7e;
font-weight: 500; font-weight: 500;
} }

6
frontend/src/views/RecipeManager.vue
View File

@@ -1710,13 +1710,13 @@ watch(() => recipeStore.recipes, () => {
.action-btn-primary { background: linear-gradient(135deg, #7ec6a4, #4a9d7e); color: #fff; border-color: transparent; } .action-btn-primary { background: linear-gradient(135deg, #7ec6a4, #4a9d7e); color: #fff; border-color: transparent; }
.action-btn-primary:hover { opacity: 0.9; } .action-btn-primary:hover { opacity: 0.9; }
.action-btn-sm { padding: 5px 12px; font-size: 12px; } .action-btn-sm { padding: 5px 12px; font-size: 12px; }
.volume-controls { display: flex; gap: 6px; margin-bottom: 8px; } .volume-controls { display: flex; gap: 4px; margin-bottom: 8px; }
.volume-btn { flex: 1; padding: 4px 0; border: 1px solid #d4cfc7; border-radius: 6px; background: #fff; font-size: 12px; cursor: pointer; font-family: inherit; color: #6b6375; text-align: center; } .volume-btn { flex: 1; padding: 3px 0; border: 1px solid #d4cfc7; border-radius: 6px; background: #fff; font-size: 11px; cursor: pointer; font-family: inherit; color: #6b6375; text-align: center; }
.volume-btn.active { background: #e8f5e9; border-color: #7ec6a4; color: #2e7d5a; font-weight: 600; } .volume-btn.active { background: #e8f5e9; border-color: #7ec6a4; color: #2e7d5a; font-weight: 600; }
.volume-btn:hover { border-color: #7ec6a4; } .volume-btn:hover { border-color: #7ec6a4; }
.custom-volume-row { display: flex; gap: 6px; align-items: center; margin-bottom: 6px; } .custom-volume-row { display: flex; gap: 6px; align-items: center; margin-bottom: 6px; }
.ratio-row { display: flex; align-items: center; gap: 8px; margin-top: 8px; flex-wrap: wrap; } .ratio-row { display: flex; align-items: center; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.ratio-label { font-size: 12px; color: #3e3a44; font-weight: 500; white-space: nowrap; } .ratio-label { font-size: 12px; color: #4a9d7e; font-weight: 500; white-space: nowrap; }
.ratio-options { display: flex; gap: 4px; flex-wrap: wrap; } .ratio-options { display: flex; gap: 4px; flex-wrap: wrap; }
.ratio-btn { .ratio-btn {
padding: 3px 8px; border: 1px solid #e5e4e7; border-radius: 6px; background: #fff; padding: 3px 8px; border: 1px solid #e5e4e7; border-radius: 6px; background: #fff;