feat(api-reference): cdn custom header example

[hwkr]

Another swing at making it easier to add a header to the CDN references. The main change here is that we add display: flex; and min-height: 0; to the injected references container which should make it easier to add elements around it and shouldn't break anyones layouts.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 6e34c59

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[hwkr]

This seems to have been broken at some point.

[relativeci]

#2321 Bundle Size — 1.78MiB (~+0.01%).

6e34c59(current) vs 83fcdb8 main#2310(baseline)

Bundle metrics   2 changes 1 regression

	Current #2321	Baseline #2310
Initial JS	1.78MiB(~+0.01%)	1.78MiB
Initial CSS	0B	0B
Cache Invalidation	100%	0%
Chunks	1	1
Assets	1	1
Modules	1091	1091
Duplicate Modules	0	0
Duplicate Code	0%	0%
Packages	152	152
Duplicate Packages	0	0

Bundle size by type   1 change 1 regression

	Current #2321	Baseline #2310
JS	1.78MiB (~+0.01%)	1.78MiB

---

Bundle analysis report Branch brynn/doc-1640-cdn-custom-header... Project dashboard

[amritk]

Shouldn't we ALWAYS be flexin?

[hanspagel]

This is great! When testing it like this:

pnpm --filter @scalar-examples/cdn-api-reference dev

http://127.0.0.1:3173/api-reference-local-header.html

I see double scrollbars, though. That’s not how it’s supposed to look, is it?

[github-actions]

Preview deployed to https://59a5457b-83d5-4dc7-90ef-e8fcf81d945a--scalar-deploy-preview.netlify.app