huajun07 / codesketcher

Visualise your code in action!
https://main.d1fr5et3wgts3j.amplifyapp.com/
MIT License
0 stars 0 forks source link

feat: IO Components #38

Closed huajun07 closed 1 year ago

huajun07 commented 1 year ago

Feature

Notes The styling currently still looks abit problematic (IDE styling mostly) will resolve in another PR

Tests

Tested functionality with provided test cases in the executor automated tests

image image
limanjun99 commented 1 year ago

The input/output box is still in light mode when the site is set to dark mode.

Screenshot 2023-06-17 at 7 37 14 PM

The color scheme here is slightly confusing, it looks as if input is selected but actually it's output. Maybe can look into other methods to differentiate the tabs too? (e.g. Material Design has underline and the text is slightly transparent when not selected)

Screenshot 2023-06-17 at 7 38 19 PM

huajun07 commented 1 year ago

Inverted the color for the selected tab. Have also temporarily disabled the dark mode as the fix is non-trivial and it is a minor feature.

limanjun99 commented 1 year ago

LGTM

Screenshot 2023-06-17 at 10 24 38 PM