Feature: Implement Mobile Responsiveness

[Shpigford]

Overview

This project is for implementing mobile responsiveness into the Maybe app. It currently has some very rudimentary responsiveness, but the scope of this is to match the views in Figma.

Design Files

https://www.figma.com/design/jQmZps9aotfUk8P9aFZbSF/%F0%9F%9F%A1-Responsive?node-id=1-4&m=dev

Note

We're rapidly making commits to main as we get ready for launch in the coming weeks. We ask that you make regularly commits to your draft PR and make sure to resolve merge conflicts and any non-passing tests as you go so that there aren't any major merge issues once this is complete.

Bounty

There is a $1500 bounty on this. To participate in the bounty:

1. Comment /attempt #2077 to indicate you plan on working on this.
2. Submit a draft PR once you start and include /claim #2077 along with your general game plan for how you intend to implement this.
3. Change out of draft mode on the PR once you're ready to submit your attempt.
4. Include a short video showing functionality in your PR (drastically speeds up us approving).

In the event of multiple attempts, we generally pick the one that most closes matches the scope with the cleanest code. However, given the size/scope of this, once someone has made clear progress that meets proper code standards, we'll likely assign to them.

[Shpigford]

/bounty $1500

[algora-pbc]

💎 $1,500 bounty • Maybe

Steps to solve:

1. Start working: Comment /attempt #2077 with your implementation plan
2. Submit work: Create a pull request including /claim #2077 in the PR body to claim the bounty
3. Receive payment: 100% of the bounty is received 2-5 days post-reward. Make sure you are eligible for payouts

Thank you for contributing to maybe-finance/maybe!

Add a bounty • Share on socials

Attempt	Started (UTC)	Solution	Actions
🟢 @rogueloop	Apr 10, 2025, 02:27:53 PM	#2089	Reward
🟢 @Myestery	Apr 10, 2025, 02:18:50 PM	#2084	Reward
🟢 @Ani-4x	Apr 10, 2025, 04:53:23 PM	#2083	Reward
🟢 @LEstradioto	Apr 10, 2025, 06:27:19 PM	#2081	Reward
🟢 @oliverqx	Apr 11, 2025, 04:57:16 AM	#2080	Reward
🟢 @aman5874	Apr 11, 2025, 06:12:46 PM	WIP
🟢 @neo773	Apr 12, 2025, 01:24:10 AM	#2092	Reward

[Myestery]

/attempt #2077

[rogueloop]

/attempt #2077

[Ani-4x]

/attempt #2077

[LEstradioto]

/attempt #2077

[aman5874]

/attempt #2077

[neo773]

/attempt #2077

[Shpigford]

Thank you everyone for the work many of you started on implementing this issue!

Based on @neo773's PR (#2092), we'll be moving forward with their work and have assigned this issue to them!

[LEstradioto]

Hi @Shpigford, I know I was 2 hours late. But Ive just sent my complete PR #2081. It is bigger and has more features, but all aligned with the Figma files.

I've noticed some differences between my implementation and others. For instance, I've implemented a mobile menu in the settings with correct page navigation and scroll preservation. Additionally, I've addressed some design aesthetics that were missing, such as fixing the donut loading SVG by adding the correct keyframes.

I'm okay with the first-come, first-served approach. However, I think it would be beneficial to review both PRs.