feat: show learning progress in web app
This commit is contained in:
@@ -199,6 +199,16 @@ button:disabled {
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
.progress-heading {
|
||||
margin-top: 34px;
|
||||
}
|
||||
|
||||
.small-button {
|
||||
min-height: 34px;
|
||||
padding: 0 12px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.metric-row {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
@@ -213,6 +223,24 @@ button:disabled {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.readiness-value {
|
||||
color: var(--accent);
|
||||
font-size: 48px;
|
||||
font-weight: 850;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.concept-pill {
|
||||
display: inline-flex;
|
||||
margin: 4px 6px 4px 0;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 999px;
|
||||
padding: 6px 9px;
|
||||
color: var(--muted);
|
||||
font-size: 12px;
|
||||
font-weight: 650;
|
||||
}
|
||||
|
||||
.small-list {
|
||||
margin: 0;
|
||||
padding-left: 18px;
|
||||
|
||||
Reference in New Issue
Block a user