Refactor SCSS/MUI to TailwindCSS - LeetCode PAGE

[mathcodes]

Make sure your changes have the same if not better responsiveness, colors (theme coming so look out for that addition!!!), and general style. Thanks!

Hi @mathcodes, I am Monsef, Somebody took care of it so you could close the issue

[mathcodes]

I can do that, but if you'd like there should be quite a bit fo SCSS and MUI in there to get rid of. Either way, up to you! *-Jon Christie* *Web Developer, Educator* *(919) 368-3369* *Email* ***@***.***> *Portfolio* <https://jonchristie.net>

…

On Thu, Jul 13, 2023 at 12:31 PM Manssif Abdeldjalil Boutebina < ***@***.***> wrote: Hi @mathcodes <https://github.com/mathcodes>, I am Monsef, Somebody took care of it so you could close the issue — Reply to this email directly, view it on GitHub <#155 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AEIZF44ZAGL7OYHDHDCRPRDXQAPEXANCNFSM6AAAAAAUIAKF3Y> . You are receiving this because you were mentioned.Message ID: ***@***.***>

• remove useless imports
• remove the /pages/page.css and convert the css margin to a tailwind one
• rename the pages default exported function with the same name of the component (the names were PageTemplate)
• clean up the leetcode page' code
• inhance the /data/images.js way of export images (map instead of array)
• rename the problemset table to ProblemSetTable.jsx and the components file to ProblemSetTable/index.jsx
• remove unnecessary tailwind classes in the leetcode page & improve the conditioned tailwind classes
• using json based data files other than js ones
• make the scrolling behavior of the table auto

I can do that, but if you'd like there should be quite a bit fo SCSS and MUI in there to get rid of. Either way, up to you! -Jon Christie Web Developer, Educator (919) 368-3369 Email @.> Portfolio https://jonchristie.net
…
On Thu, Jul 13, 2023 at 12:31 PM Manssif Abdeldjalil Boutebina < @.> wrote: Hi @mathcodes https://github.com/mathcodes, I am Monsef, Somebody took care of it so you could close the issue — Reply to this email directly, view it on GitHub <#155 (comment)>, or unsubscribe https://github.com/notifications/unsubscribe-auth/AEIZF44ZAGL7OYHDHDCRPRDXQAPEXANCNFSM6AAAAAAUIAKF3Y . You are receiving this because you were mentioned.Message ID: @.***>

there is a function called makeTailWindTableVisible in the leetcode page, I tried to understand why is it there but I couldn't ?
it gets the DOM element of the div which contains the problems table and add dipslay: block style