moja-global / FLINT-UI

A experimental FLINT client, written in Vue, to provide an awesome user interface for configuring simulations using the FLINT.Cloud APIs.
flint-ui.vercel.app
Mozilla Public License 2.0
50 stars 89 forks source link

Bug: Stepper overlapping on footer in mobile view #374

Closed abhilipsasahoo03 closed 2 years ago

abhilipsasahoo03 commented 2 years ago

Describe the bug.

The Run | Status | Download stepper in GCBM Explore section overlaps on the footer in mobile view.

Describe the steps to reproduce the behavior.

  1. Go to https://flint-ui.vercel.app/gcbm/dashboard or https://flint-ui.vercel.app/gcbm/upload or https://flint-ui.vercel.app/gcbm/run

  2. Switch to mobile view or resize the window to 414×896 and the stepper will overlap the footer.

Expected behavior.

The overlapping of stepper and footer should not happen and there should be some gap when in mobile view.

Screenshots.

Screenshot_2022-09-07-08-57-12-093_com android chrome

Operating Environment

OS: Android | Browser: Chrome

Additional Information

No response

github-actions[bot] commented 2 years ago

Hello there abhilipsasahoo03 👋 Welcome to moja global!💖 Thank you and congratulations 🎉 for opening your very first issue in this project. Moja global fosters an open and welcoming environment for al our contributors.🌸 Please adhere to our Code Of Conduct. Incase you want to claim this issue, please comment down below! We will try to get back to you as soon as we can.👀 Feel free to join us on moja global Slack by dropping an email here.👩‍💻 We would love to hear your interesting ideas and engage in discussions.💖

abhilipsasahoo03 commented 2 years ago

Hi @chicken-biryani can you assign me this issue, please?

shloka-gupta commented 2 years ago

@abhilipsasahoo03 please go ahead and work on it

abhilipsasahoo03 commented 2 years ago

@chicken-biryani I think this issue can be closed since the new UI has been introduced and we can focus on issue #385