From fa2535d3bfd4e451633085d18461abc82f96b404 Mon Sep 17 00:00:00 2001 From: Hera Zhao Date: Fri, 10 Apr 2026 17:04:34 +0000 Subject: [PATCH] =?UTF-8?q?UI:=20=E5=AE=B9=E9=87=8F=E6=8C=89=E9=92=AE?= =?UTF-8?q?=E9=AB=98=E5=BA=A6=E5=A2=9E=E5=8A=A0=E5=AE=BD=E5=BA=A6=E7=BC=A9?= =?UTF-8?q?=E7=AA=84=EF=BC=8C=E6=AF=94=E4=BE=8B=E6=A1=86=E7=BC=A9=E5=B0=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 4.6 (1M context) --- frontend/src/views/RecipeManager.vue | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/frontend/src/views/RecipeManager.vue b/frontend/src/views/RecipeManager.vue index 6e60173..64a3ce9 100644 --- a/frontend/src/views/RecipeManager.vue +++ b/frontend/src/views/RecipeManager.vue @@ -1710,8 +1710,8 @@ watch(() => recipeStore.recipes, () => { .action-btn-primary { background: linear-gradient(135deg, #7ec6a4, #4a9d7e); color: #fff; border-color: transparent; } .action-btn-primary:hover { opacity: 0.9; } .action-btn-sm { padding: 5px 12px; font-size: 12px; } -.volume-controls { display: flex; gap: 4px; margin-bottom: 8px; } -.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-controls { display: flex; gap: 4px; margin-bottom: 8px; flex-wrap: wrap; } +.volume-btn { padding: 8px 10px; border: 1.5px solid #d4cfc7; border-radius: 8px; background: #fff; font-size: 13px; 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:hover { border-color: #7ec6a4; } .custom-volume-row { display: flex; gap: 6px; align-items: center; margin-bottom: 6px; } @@ -1735,7 +1735,7 @@ watch(() => recipeStore.recipes, () => { } .drops-sm { width: 50px; padding: 4px 6px; border: 1.5px solid #d4cfc7; border-radius: 6px; font-size: 12px; text-align: center; outline: none; font-family: inherit; } .drops-sm:focus { border-color: #7ec6a4; } -.select-sm { padding: 4px 6px; border: 1.5px solid #d4cfc7; border-radius: 6px; font-size: 12px; font-family: inherit; background: #fff; width: auto; } +.select-sm { padding: 3px 6px; border: 1.5px solid #d4cfc7; border-radius: 6px; font-size: 12px; font-family: inherit; background: #fff; width: auto; } .btn-select-active { background: #e8f5e9; color: #2e7d5a; border: 1.5px solid #7ec6a4; border-radius: 10px; padding: 7px 14px; font-size: 13px; cursor: pointer; font-family: inherit; font-weight: 600; } .toolbar-row { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin-bottom: 10px;