lucasw89/STCourses
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): styled role-filtered nav, hidden on phones; clearer studio preview label

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Lucas WintherandClaude Opus 5.5 committed 2026-10-30 15:07:45 +01:00
1 parent 777ae2cc37
commit d71a95dbc1
3 files changed
+13 -5
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/ui/src/tokens.css
+6
View File
@@ -24,6 +24,12 @@ code, pre { font-family: var(--mono); }
/* shell */
.stc-top { position: sticky; top: 0; z-index: 30; height: var(--top); display: flex; align-items: center; gap: 14px; padding: 0 16px; background: var(--ground); border-bottom: 1px solid var(--line); }
.stc-nav { display: flex; align-items: center; gap: 16px; }
.stc-nav a { color: var(--muted); text-decoration: none; font-size: 13.5px; font-weight: 500; }
.stc-nav a:hover, .stc-nav a.active { color: var(--head); }
.stc-nav a.active { box-shadow: inset 0 -2px 0 var(--accent-dim); }
.stc-nav a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 2px; }
@media (max-width: 680px) { .stc-nav { display: none; } }
.stc-shell { display: flex; align-items: flex-start; }
.stc-side { position: sticky; top: var(--top); flex: none; width: var(--sidew); height: calc(100vh - var(--top)); overflow-y: auto; background: var(--side); border-right: 1px solid var(--line); }
.stc-main { flex: 1; min-width: 0; padding: 44px 40px 0; }