issue 357 fixed preview button blocking - Githubissues

Bashamega / WebDevTools

Web Dev Tools is a comprehensive online platform designed to empower web developers with a wide array of code samples and snippets.

https://wdt.adambashaahmednaji.com/

MIT License

51 stars 57 forks source link

issue 357 fixed preview button blocking #363

Closed PranathiChillarige closed 3 months ago

PranathiChillarige commented 3 months ago

Fixes - #357

Description - This PR aims to avoid the blocking of Action buttons(preview button, Export button and rows input field) with underneath content(add another field button) in mobile and desktop view by

1 . creating a scrollable section for fields. 2 . adjusting the margins/bottom in between to update the page layout properly. 3 . modifying initialFieldsto 3 as it has a scrollable section and also to avoid clumsiness on the page layout. 4 . hidden Field header(Field name, Field type) when there are no fields as these headings are not required to be shown when there are no fields.

Screenshots - mobileView desktopView

[x] My code follows the style guidelines of this project
[x] I have performed a self-review of my own code
[x] My changes generate no new warnings

Please feel free to suggest any changes, will update accordingly. Thank you.

vercel[bot] commented 3 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
web-dev-tools	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 6, 2024 5:39am

PranathiChillarige commented 3 months ago

Hey @Bashamega Can we close this issue now?

annuk123 commented 3 months ago

Hey @Bashamega Can we close this issue now?

Nope

Bashamega commented 3 months ago

Hey @Bashamega Can we close this issue now?

Nope

I have closed it

annuk123 commented 3 months ago

Hey @Bashamega Can we close this issue now?

Nope

I have closed it

okay, Actually there is an issue, that's why I told