diff --git a/VERSION b/VERSION index 0438a6c..f22d756 100644 --- a/VERSION +++ b/VERSION @@ -1 +1 @@ -6.4.13 +6.5.0 diff --git a/play-life-web/package.json b/play-life-web/package.json index c4abe5c..96ea8ab 100644 --- a/play-life-web/package.json +++ b/play-life-web/package.json @@ -1,6 +1,6 @@ { "name": "play-life-web", - "version": "6.4.13", + "version": "6.5.0", "type": "module", "scripts": { "dev": "vite", diff --git a/play-life-web/src/components/WishlistForm.css b/play-life-web/src/components/WishlistForm.css index 1c1c58c..c126c97 100644 --- a/play-life-web/src/components/WishlistForm.css +++ b/play-life-web/src/components/WishlistForm.css @@ -430,12 +430,52 @@ } .condition-form form { - padding: 1.5rem 1.5rem 0.75rem 1.5rem; + padding: 0 1.5rem 0.75rem 1.5rem; flex: 1; display: flex; flex-direction: column; } +.condition-tabs-container { + display: flex; + align-items: center; + margin-bottom: 1rem; + padding-top: 0.5rem; +} + +.condition-tabs-inner { + display: flex; + gap: 0.5rem; + border-bottom: 2px solid #e0e0e0; +} + +.condition-tabs-close { + margin-left: auto; + margin-right: -0.5rem; +} + +.condition-tab-button { + background: none; + border: none; + padding: 0.75rem 1.25rem; + font-size: 1rem; + color: #666; + cursor: pointer; + border-bottom: 3px solid transparent; + margin-bottom: -2px; + transition: color 0.2s, border-color 0.2s; +} + +.condition-tab-button:hover { + color: #3498db; +} + +.condition-tab-button.active { + color: #3498db; + border-bottom-color: #3498db; + font-weight: 600; +} + .form-actions { display: flex; gap: 1rem; @@ -449,7 +489,6 @@ text-align: left; color: #666; font-size: 0.85em; - min-height: 1.2em; line-height: 1.2em; } diff --git a/play-life-web/src/components/WishlistForm.jsx b/play-life-web/src/components/WishlistForm.jsx index 85d9f99..3533177 100644 --- a/play-life-web/src/components/WishlistForm.jsx +++ b/play-life-web/src/components/WishlistForm.jsx @@ -1548,23 +1548,27 @@ function ConditionForm({ tasks, projects, onSubmit, onCancel, editingCondition, return (