Skip to content

Restore catalog navigation and use compact-only sizing #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
BunsDev merged 2 commits into from
Sep 10, 2026
Merged

Restore catalog navigation and use compact-only sizing #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
23621bb
fix(specimens): restore catalog layout and simplify density
BunsDev Sep 10, 2026
7391d51
fix(specimens): clear filtered-out navigation fragments
BunsDev Sep 10, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,17 @@ pnpm dev
The specimen app opens at `http://127.0.0.1:5173/`. Its assembled lab is at
`http://127.0.0.1:5173/lab`.

The catalog retains the original `index.html` proportions: a 248px component
sidebar, flexible main column, and 216px context rail within a 1680px shell.
Main gutters follow the original `clamp(24px, 5vw, 72px)`. Below 1281px the
context rail disappears and the sidebar becomes 232px; at 880px and below, a
native grouped picker replaces the sidebar. All 16 component and block links
share the rendered catalog's inventory and search results. Hash links support
direct navigation, while the selected entry follows page scrolling.

Library and Lab use one fixed compact layout, without density controls or
density labels. Public component density props remain available to consumers.

The library presents one specimen per row, with bounded live surfaces,
responsive block layouts, and a compact installation strip. It keeps live previews above syntax-highlighted install commands,
imports, and full component source, with copy controls and explicit
Expand Down
2 changes: 1 addition & 1 deletion apps/specimens/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!doctype html>
<html lang="en" class="dark bg-background" data-density="default">
<html lang="en" class="dark bg-background" data-density="compact">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Expand Down
Loading
Loading