mirror of
https://github.com/kamranahmedse/developer-roadmap.git
synced 2026-10-25 09:34:00 +08:00
Kamran AhmedandArik Chakma
cb64894e49
* Course landing page * Add ai course page * wip * wip * wip * wip * wip * wip * wip * wip: error handling * wip * wip * wip * wip: ai course progress * wip * wip * wip * feat: code highlighting * feat: usage limit * feat: follow up message * Update UI * wip * Add course content * wip: autogrow textarea & examples * Update types * Update * fix: add highlight to the AI chat * UI changes * Refactor * Update * Improve outline style * Improve spacing * Improve spacing * UI changes for sidebar * Update UI for sidebar * Improve course UI * Mark done, undone * Add toggle lesson done/undone * Update forward backward UI * wip * Minor ui change * Responsiveness of sidebar * wip * wip * wip: billing page * wip * Update UI * fix: hide upgrade if paid user * feat: token usage * feat: list ai courses * fix: limit for followup * Course content responsiveness * Make course content responsive * Responsiveness * Outline button * Responsiveness of course content * Responsiveness of course content * Add course upgrade button * Update design for upgrade * Improve logic for upgrade and limits button * Limits and errors * Add lesson count * Add course card * Improve UI for course generator * Update course functionality * Refactor AI course generation * Responsiveness of screen * Improve * Add responsiveness * Improve empty billing page design * Add empty billing screen * Update UI for billing page * Update UI for billing page * Update UI for billing page * Update billing page design * Update * Remove sidebar * Update --------- Co-authored-by: Arik Chakma <arikchangma@gmail.com>
132 lines
3.2 KiB
CSS
132 lines
3.2 KiB
CSS
.prose ul li > code,
|
|
.prose ol li > code,
|
|
p code,
|
|
a > code,
|
|
strong > code,
|
|
em > code,
|
|
h1 > code,
|
|
h2 > code,
|
|
h3 > code {
|
|
background: #ebebeb !important;
|
|
color: currentColor !important;
|
|
font-size: 14px;
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
.course-ai-content.course-content.prose ul li > code,
|
|
.course-ai-content.course-content.prose ol li > code,
|
|
.course-ai-content.course-content.prose p code,
|
|
.course-ai-content.course-content.prose a > code,
|
|
.course-ai-content.course-content.prose strong > code,
|
|
.course-ai-content.course-content.prose em > code,
|
|
.course-ai-content.course-content.prose h1 > code,
|
|
.course-ai-content.course-content.prose h2 > code,
|
|
.course-ai-content.course-content.prose h3 > code,
|
|
.course-notes-content.prose ul li > code,
|
|
.course-notes-content.prose ol li > code,
|
|
.course-notes-content.prose p code,
|
|
.course-notes-content.prose a > code,
|
|
.course-notes-content.prose strong > code,
|
|
.course-notes-content.prose em > code,
|
|
.course-notes-content.prose h1 > code,
|
|
.course-notes-content.prose h2 > code,
|
|
.course-notes-content.prose h3 > code {
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.course-ai-content pre {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
.course-ai-content pre::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.course-ai-content pre,
|
|
.course-notes-content pre {
|
|
overflow: scroll;
|
|
font-size: 15px;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.prose ul li > code:before,
|
|
p > code:before,
|
|
.prose ul li > code:after,
|
|
.prose ol li > code:before,
|
|
p > code:before,
|
|
.prose ol li > code:after,
|
|
.course-content h1 > code:after,
|
|
.course-content h1 > code:before,
|
|
.course-content h2 > code:after,
|
|
.course-content h2 > code:before,
|
|
.course-content h3 > code:after,
|
|
.course-content h3 > code:before,
|
|
.course-content h4 > code:after,
|
|
.course-content h4 > code:before,
|
|
p > code:after,
|
|
a > code:after,
|
|
a > code:before {
|
|
content: '' !important;
|
|
}
|
|
|
|
.course-content.prose ul li > code,
|
|
.course-content.prose ol li > code,
|
|
.course-content p code,
|
|
.course-content a > code,
|
|
.course-content strong > code,
|
|
.course-content em > code,
|
|
.course-content h1 > code,
|
|
.course-content h2 > code,
|
|
.course-content h3 > code,
|
|
.course-content table code {
|
|
background: #f4f4f5 !important;
|
|
border: 1px solid #282a36 !important;
|
|
color: #282a36 !important;
|
|
padding: 2px 4px;
|
|
border-radius: 5px;
|
|
font-size: 16px !important;
|
|
white-space: pre;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.course-content blockquote {
|
|
font-style: normal;
|
|
}
|
|
|
|
.course-content.prose blockquote h1,
|
|
.course-content.prose blockquote h2,
|
|
.course-content.prose blockquote h3,
|
|
.course-content.prose blockquote h4 {
|
|
font-style: normal;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.course-content.prose ul li > code:before,
|
|
.course-content p > code:before,
|
|
.course-content.prose ul li > code:after,
|
|
.course-content p > code:after,
|
|
.course-content h2 > code:after,
|
|
.course-content h2 > code:before,
|
|
.course-content table code:before,
|
|
.course-content table code:after,
|
|
.course-content a > code:after,
|
|
.course-content a > code:before,
|
|
.course-content h2 code:after,
|
|
.course-content h2 code:before,
|
|
.course-content h2 code:after,
|
|
.course-content h2 code:before {
|
|
content: '' !important;
|
|
}
|
|
|
|
.course-content table {
|
|
border-collapse: collapse;
|
|
border: 1px solid black;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.course-content table td,
|
|
.course-content table th {
|
|
padding: 5px 10px;
|
|
}
|