feat: more buttons styling across app

Markkos89 commented 7 months ago

Changes

major buttons styling across the app update
added seed data fields
added seed data code snippets for reference

this closes #139 and #142 and #150

vercel[bot] commented 7 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
academy-turbo-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 8, 2024 4:09am

1 Ignored Deployment

github-actions[bot] commented 7 months ago

Running Lighthouse audit...

Markkos89 commented 7 months ago

looks like a good iteration; the styles are getting closer. after completing a quiz though, i'm not seeing the updated state 🤔 i.e., quiz button remains

yeah, I have to review the functionality now. Can we merge it and I can create a new ticket for it?

Markkos89 commented 7 months ago

looks like a good iteration; the styles are getting closer. after completing a quiz though, i'm not seeing the updated state 🤔 i.e., quiz button remains

yeah, I have to review the functionality now. Can we merge it and I can create a new ticket for it?

@wolovim I created #154

Markkos89 commented 7 months ago

merged #153 here.

now this closes #150

elPiablo commented 7 months ago

@uma-l @Markkos89

Thanks for the work on this.

It's interesting to experience buttons for LessonQuestionsModal and LessonInformationalModal in the centre of the page. I always wondered what this change would look like (I thought that all the buttons on the left of the page was maybe not a great idea)

LessonQuestionsModal seems to be rendering with the intended text and font - but I personally experience this combination of font (choice, boldness, uppercase), the intensity of purple, and the shape/size of the button (quite big) to be very distracting - like a big neon light in the middle of the page, when you're trying to focus and learn.

A couple of suggestions to make this easier on the experience:

Could we consider trying a softer hue of purple in the same colour range to tone this down a bit?
Give more padding to the text .
Reduce the thickness of text.
Is there an upper and lowercase available for this font - we could try that? Although I don't think this font is correct for in the lesson flow, but willing to try it.

LessonInformationalModal isn't rendering. I left some notes: https://github.com/Developer-DAO/academy-turbo/pull/152/files#r1483102285

Developer-DAO / academy-turbo

feat: more buttons styling across app #152

Changes