diff --git a/frontend/src/views/RecipeManager.vue b/frontend/src/views/RecipeManager.vue index 0d8d43e..ee6cc88 100644 --- a/frontend/src/views/RecipeManager.vue +++ b/frontend/src/views/RecipeManager.vue @@ -35,10 +35,14 @@
+ -
- +
{{ formDilutionHint }}
@@ -1356,7 +1360,8 @@ watch(() => recipeStore.recipes, () => { .parsed-actions { display: flex; gap: 8px; justify-content: center; margin-top: 8px; } .editor-header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; } -.editor-name-input { width: 100%; font-size: 17px; font-weight: 600; border: none; border-bottom: 2px solid #e5e4e7; padding: 6px 0; outline: none; font-family: inherit; background: transparent; } +.editor-name-input { width: 100%; font-size: 17px; font-weight: 600; border: none; border-bottom: 2px solid #e5e4e7; padding: 6px 0; outline: none; font-family: inherit; background: transparent; color: #3e3a44; } +.editor-name-input::placeholder { color: #ccc; font-weight: 400; } .editor-name-input:focus { border-bottom-color: #7ec6a4; } .editor-header-actions { display: flex; gap: 6px; flex-shrink: 0; } .editor-tip { font-size: 12px; color: #999; background: #f8f7f5; padding: 8px 12px; border-radius: 8px; margin-bottom: 12px; } @@ -1401,6 +1406,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; } +.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; } .divider-text { text-align: center;