ClemBot.Site dashboard layout sidebar doesnt work on mobile correctly

[Jay-Madden]

We should have it be a flyout menu leveraging buefy and bulmas mobile css class options

[Jay-Madden]

Cc @MayorMonty

[MatteuSan]

Can I take this issue?

[MatteuSan]

Also do you mind if I take on the design inconsistency fixes too?

[Jay-Madden]

im certainly not opposed to it, what design inconsistencies are you seeing?

[MatteuSan]

well the card sizes and layout in the landing page is one. i’ll try to compile a list of what needs fixing tomorrow morning (with photos)

[Jay-Madden]

For sure, css/html is not what I'm good at and it's fairly hacked together

[MatteuSan]

Do you mind if I take more time doing this issue? I lowkey need to rewrite the components from scratch instead of just using bulma. I need more control over the styles and how the HTML is structured so...

Also as promised, here's a few screenshots of what I've fixed so far. (dont worry about the home button, it's temporary. i just need to fix the logo being there)

[MatteuSan]

In comparison to what's in the prod version

[MatteuSan]

The sponsor card is inconsistent from the other cards too.

[MatteuSan]

• Footer is somewhat... eh....

[MatteuSan]

Colors are somewhat all over the place too
The typography system is somewhat inconsistent
The border radius values as well

[MatteuSan]

For reference, here's a complete CSS audit: https://cssstats.com/stats/?url=https%3A%2F%2Fclembot.io%2F

[MatteuSan]

So those are the things that needs fixing/changing

[Jay-Madden]

Ohh wow those screenshots look good. I really like the border emboss and shadow a lot. However this many changes do need some more in depth discussion for sure. Join our discord here and ping me in the #clem-bot-discussion channel. https://discord.gg/wewgg4RQKw