Skip to content

docs: fix nav bar icons and spacing #33

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
rachaelrenk merged 3 commits into from
May 8, 2026
+30 −8
Merged

docs: fix nav bar icons and spacing #33

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
ba7e77e
docs: fix nav bar icons and spacing
rachaelrenk May 7, 2026
bb86d7e
Merge remote-tracking branch 'origin/main' into docs/migration-ff/nav…
rachaelrenk May 7, 2026
ac6ce06
docs: add custom building icon for Enterprise in header nav
rachaelrenk May 8, 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
24 changes: 23 additions & 1 deletion src/components/WarpTopicNav.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@ const { topics } = Astro.locals.starlightSidebarTopics;
const CUSTOM_TOPIC_ICONS: Record<string, true> = {
Agents: true,
API: true,
Enterprise: true,
};
---

Expand Down Expand Up @@ -73,6 +74,27 @@ const CUSTOM_TOPIC_ICONS: Record<string, true> = {
<path d="M16 18l6-6-6-6" />
<path d="M8 6l-6 6 6 6" />
</svg>
) : topic.label === 'Enterprise' ? (
/* Office building — simple outline: tall rectangle
with window grid and entrance, stroke weight matched
to the other topic icons. */
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="4" y="2" width="16" height="20" rx="1" />
<line x1="9" y1="6" x2="9" y2="6.01" />
<line x1="15" y1="6" x2="15" y2="6.01" />
<line x1="9" y1="10" x2="9" y2="10.01" />
<line x1="15" y1="10" x2="15" y2="10.01" />
<line x1="9" y1="14" x2="9" y2="14.01" />
<line x1="15" y1="14" x2="15" y2="14.01" />
<path d="M10 22v-4h4v4" />
</svg>
) : (
/* Robot icon — stroke-based outline matching the visual
weight of Starlight's other topic icons (laptop, book,
Expand Down Expand Up @@ -148,7 +170,7 @@ const CUSTOM_TOPIC_ICONS: Record<string, true> = {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0 0.125rem;
padding: 0 0.25rem;
font-size: var(--sl-text-sm);
font-weight: 500;
/* `1.25` is just enough to clear Inter's natural ascent + descent
Expand Down
14 changes: 7 additions & 7 deletions src/sidebar.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -516,9 +516,9 @@ export const sidebarTopics: StarlightSidebarTopicsUserConfig = [
],
},
{
label: 'Enterprise',
link: '/enterprise/',
icon: 'star',
label: 'Enterprise',
link: '/enterprise/',
icon: 'setting',
Copy link
Copy Markdown
Collaborator

@hongyi-chen hongyi-chen May 8, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm not sure if setting is the right icon here, are there any other icons that might work? I don't feel too strongly, idk if there's an office building icon or something like that lol

Copy link
Copy Markdown
Contributor Author

@rachaelrenk rachaelrenk May 8, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added a custom SVG of a simple building!

items: [
{
label: 'Getting started',
Expand Down Expand Up @@ -564,10 +564,10 @@ export const sidebarTopics: StarlightSidebarTopicsUserConfig = [
],
},
{
id: 'guides',
label: 'Guides',
link: '/guides/',
icon: 'puzzle',
id: 'guides',
label: 'Guides',
link: '/guides/',
icon: 'rocket',
items: [
{ slug: 'guides', label: 'Guides' },
{
Expand Down
Loading