Design update

[jancborchardt]

Sneak peek at the new design, currently all in one commit – which I should probably separate.

Still to do:

• All tests need to be fixed
• If there are no tabs yet, the "Create new tab" placeholder should say "Tab name …"
• In the tab overview, it would be nice to have the participants as subline (instead of the current "Most recent transaction")
• When you focus an input field, on iOS or tabbing through, the input border highlight is sometimes cut off, looking very glitchy
• Sometimes the scene animations overslide, e.g. showing only the right third of the "New transaction" scene
• Using Tab to navigate through the app goes through the non-visible scenes as well
• To reduce complexity, it would be nice to title the datepicker "Other" unless it is set to a specific date which is not today or yesterday

New design, with blue as action color

Grouptabs.new.mp4

New design with all red

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/xmartin/grouptabs/c83tieyg2
✅ Preview: https://grouptabs-git-design-update.xmartin.now.sh

[bumbleblue]

I love the color simplification, most of the feedback I get is that the orange and green are too harsh 😅
Don't know if this pull request is still being considered, but I'd add that the direction of "direct" (1:1 debt) is super unclear; people confuse it with "owes". Even adding a label like A "sent" X amount to B would clarify the direction of money flow here.