aayushai / TranspilerX

Code converter from one programming language to another.
https://transpiler-x.vercel.app
MIT License
1 stars 7 forks source link

Display: Input/Output Fields Vertically on Mobile View #3

Closed aayushai closed 8 hours ago

aayushai commented 15 hours ago

Issue Description:

In the current implementation, the input and output fields of the Monaco code editor are displayed side-by-side. While this layout works fine on larger screens, it causes a cramped view on mobile devices.

Expected Behavior:

On mobile devices, the input and output fields should be stacked vertically for better readability and ease of use.

Desired Solution:

Implement a responsive design that automatically switches the layout to display the input and output fields vertically when the screen width is less than 768px.

Zish303 commented 13 hours ago

@aayushai Please assign me this issue.

aayushai commented 11 hours ago

Done.

thevashuydv commented 8 hours ago

@aayushai i have submitted a pull request regarding this issue , kindly review it

thevashuydv commented 8 hours ago

@aayushai can you add some more issues?

aayushai commented 8 hours ago

@thevashuydv yeah i think the UI needs an upgrade and the code editor should also have code completion functionality. What do you think?