ZacharyZhang-NY/Ely-GPUI-Components
1
1 Fork 0
Code Issues Pull Requests Actions 8 Packages Projects Releases Wiki Activity

T48a Docs · Frame: guides render at build in a Vite plugin, so a bad one fails the build; focus rings whole in the rail and list; plain heading words, unique ids, captions only when named, code under example= refused

Browse Source
This commit is contained in:
ZacharyZhang-NY committed 2026-10-01 12:01:42 -04:00
1 parent 128cc5992f
commit 0b300f1f94
9 files changed
+71 -26
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/styles.css
+3 -2
View File
@@ -165,7 +165,7 @@ img.shot { display: block; max-width: 100%; height: auto; }
.pager .next { margin-left: auto; text-align: right; }
.docs { display: grid; grid-template-columns: 200px minmax(0, 720px) 200px; justify-content: center; gap: 64px; padding: 0 64px; }
.docs-rail, .doc-toc { position: sticky; top: 64px; height: calc(100vh - 64px); overflow-y: auto; padding: 96px 0 64px; }
.docs-rail, .doc-toc { position: sticky; top: 64px; height: calc(100vh - 64px); overflow-y: auto; padding: 96px 8px 64px; margin: 0 -8px; }
.docs-rail ol, .doc-toc ol { list-style: none; margin: 0; padding: 0; }
.docs-rail li { padding: 5px 0; font-size: 15px; }
.doc-toc li { padding: 4px 0; font-size: 13px; line-height: 20px; }
@@ -191,6 +191,7 @@ img.shot { display: block; max-width: 100%; height: auto; }
.code { position: relative; margin: 28px 0; background: var(--code); border-radius: 12px; }
.code figcaption { padding: 14px 88px 0 20px; font: 400 12px/18px var(--mono); color: var(--faint); overflow-wrap: anywhere; }
.code pre { margin: 0; padding: 14px 20px 20px; overflow-x: auto; }
.code button + pre { padding-top: 20px; }
.code code { display: block; font: 400 13.5px/22px var(--mono); background: none; padding: 0; color: var(--fg); }
.code .copy { position: absolute; top: 10px; right: 12px; padding: 4px 8px; font-size: 12px; color: var(--muted); transition: color 160ms ease-out; }
.code .copy:hover { color: var(--fg); }
@@ -208,7 +209,7 @@ img.shot { display: block; max-width: 100%; height: auto; }
@media (max-width: 1023px) {
.docs { grid-template-columns: minmax(0, 1fr); gap: 24px; }
.docs-rail { position: static; height: auto; padding: 96px 0 0; }
.docs-rail { position: static; height: auto; overflow: visible; padding: 96px 0 0; margin: 0; }
.docs-rail ol { display: flex; flex-wrap: wrap; gap: 4px 20px; }
.doc { padding-top: 48px; }
.reader { grid-template-columns: minmax(0, 1fr); }