modelina chore: add resizable property in playground

Description

used react-resizable-panels to implement resizing into the editor and output components

File Changed

Content.tsx

Related issue(s) Fixes #1846

Additionals Playground _ Modelina

Mar 22 '24 07:03 AKACHI-4

Deploy Preview for modelina ready!

Name	Link
Latest commit	92dd00ddacf12889197f572feefe61352c3c2740
Latest deploy log	https://app.netlify.com/sites/modelina/deploys/660300c3b56a210008d6f37a
Deploy Preview	https://deploy-preview-1908--modelina.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Mar 22 '24 07:03 netlify[bot]

Pull Request Test Coverage Report for Build 8440033043

Details

0 of 0 changed or added relevant lines in 0 files are covered.
No unchanged relevant lines lost coverage.
Overall coverage remained the same at 92.303%

Totals
Change from base Build 8323576283:	0.0%
Covered Lines:	5994
Relevant Lines:	6325

💛 - Coveralls

Mar 26 '24 09:03 coveralls

Hi @AKACHI-4, There are few things we need to fix:

Can you please add a bar between the editors indicating that it can be resizeable? Something similar to this:
Collapsing the left (input) editor should not collapse the general options.
Right editor along with output navigator is not being collapsed fully. Kindly fix this.

Mar 26 '24 09:03 devilkiller-ag

@devilkiller-ag do you have time to take a look?

Mar 26 '24 11:03 jonaslagoni

@devilkiller-ag do you have time to take a look?

Hi @jonaslagoni, I think I gave my review earlier on this 🤔

Mar 26 '24 15:03 devilkiller-ag

Hey @devilkiller-ag, Surely look but first I have some thoughts

Can you please add a bar between the editors indicating that it can be resizable?

yea, sure. should it be more stylish as you suggested ?

Collapsing the left (input) editor should not collapse the general options.

yeah, got that. It should apply the same for the right panel as well.

Right editor along with output navigator is not being collapsed fully. Kindly fix this.

actually, I intentionally did that because when I completely collapse the right panel, there's no way I'll be able to use the resizable bar again since it will be hidden inside the overflow-y.

Possible fixes :

use low-opacity scrollbar for that.
use w-5 for the bar, but that might look too wide.

some observation : I checked vs-code, and its a fix there too. This means that in the 2-panel view, if we collapse right one, there's no way to get it back.

Mar 26 '24 17:03 AKACHI-4

kindly suggest some more improvement i can perform on pr.

Mar 26 '24 17:03 AKACHI-4