Repository navigation
Add inputmode attribute to amount input for better mobile UX #33
Description
Summary
Add inputmode="decimal" attribute to the amount input field in SpendingDialog.vue to optimize the mobile keyboard for numeric input with decimal points.
Details
- Currently the amount input only has
type="number" - Adding
inputmode="decimal"will show a numeric keypad with decimal point on mobile devices - This improves user experience when entering spending amounts on mobile
Acceptance Criteria
- Add
inputmode="decimal"to the amount input in SpendingDialog.vue - Verify the numeric keypad appears correctly on mobile devices
- Ensure TypeScript build passes without errors
Technical Notes
- File:
src/components/SpendingDialog.vue - Line: Around line 50-58 (amount input element)
Activity
feat: add inputmode attribute to amount input for better mobile UX
feat: add inputmode attribute to amount input for better mobile UX (#34)
feat: add inputmode attribute to amount input for better mobile UX (#34)
feat: Add Settings page with authentication UI and improved components (
Release: Major authentication and user management features (#50)
Release v1.3.0: Facebook OAuth UI removal and version bump (#51)