playground fix[Modified] UI Text Style Changed for Professional Look

*What kind of change does this PR introduce? UI look change.

Did you add tests for your changes? No

Summary

It was done to provide more professional look to the webapp.

Does this PR introduce a breaking change?

No

Other information

Mar 22 '21 18:03 piyushdevOP

Deploy preview for rne-playground ready!

Built with commit 56f332b9fa94628f978e7c0287fb5419c825e6a3

https://deploy-preview-93--rne-playground.netlify.app

Mar 22 '21 18:03 netlify[bot]

@pranshuchittora @Uyadav207 please look into it.

Mar 22 '21 19:03 piyushdevOP

Thank you for your feedback. On it.

Mar 23 '21 07:03 piyushdevOP

-> The UI is breaking , in mobile view there is no proper styling and spacing in the page title as well as in the navbar title. -> The Navbar seems to be missing as well. I don't think this change looks professional. Try fixing these issues.

https://user-images.githubusercontent.com/68142366/112175357-340adf00-8c1d-11eb-9398-37b4d1b078aa.mov

@shivambalwani @pranshuchittora @flyingcircle can you please look into it ? If there are any effects to be added to the UI , do let me know. I have some really good ideas for it.

Mar 23 '21 15:03 piyushdevOP

--> The font styling is not Accurate compare it with original one. -->Just a Suggestion Rocket icon 🚀 on the nav bar looked great. Refer to Screen shots below:

Thank you for your feedback. I tried changing the fontStyle to give a modern look to the UI. I can revert it if it's not looking nice.

Mar 23 '21 16:03 piyushdevOP

@pranshuchittora @Uyadav207 please look into it.

Nice initiative, @piyushdevOP, but changing fonts doesn't add much... Try any other possible way to enhance the UI.

only Revert the Fonts back.... Leave Mobile View as it is
The Icon Rocket looks great over there. isn't it ??

Mar 23 '21 18:03 Uyadav207

@pranshuchittora @Uyadav207 please look into it.

Nice initiative, @piyushdevOP, but changing fonts doesn't add much... Try any other possible way to enhance the UI.

only Revert the Fonts back.... Leave Mobile View as it is

The Icon Rocket looks great over there. isn't it ??

hey thanks for the feedback. I will revert back the fonts and come up with some better UI changes and effects if it's fine?

Mar 23 '21 19:03 piyushdevOP

@Uyadav207 @shivambalwani @pranshuchittora I have restored the font back and added the rocket symbol. I haven't put the effects yet because I didn't get any go from you guys. Please do provide your valuable feedback. Should I do it? fixes #86

https://user-images.githubusercontent.com/68142366/112437183-ad651780-8d6c-11eb-8aa1-f54ece8255e7.mov

Mar 25 '21 07:03 piyushdevOP

Oops! Conflicts. I think this is not required

Mar 26 '21 18:03 pranshuchittora

Oops! Conflicts. I think this is not required

Esteemed Sir, the burger button display issue in mobile view is fixed in this PR only. Should I go ahead and resolve the conflicts so that the mobile view issue could be fixed? It would be great of you if you could tell me how to proceed .

Mar 26 '21 18:03 piyushdevOP

@shivambalwani @Uyadav207 kindly look into it. I was facing some dependency issues. I have fixed it.Please do suggest some changes if required.

Mar 27 '21 08:03 piyushdevOP

@shivambalwani @Uyadav207 kindly look into it. I was facing some dependency issues. I have fixed it.Please do suggest some changes if required.

React View ??

Mar 27 '21 08:03 Uyadav207

@shivambalwani @Uyadav207 kindly look into it. I was facing some dependency issues. I have fixed it.Please do suggest some changes if required.

React View ??

Something like V8 was missing. I have resolved the conflicts. It would be of great help if you could tell me what I have done is acceptable or not. I am kinda new to open source 😃

Mar 27 '21 08:03 piyushdevOP