Skip to content

Commit 6371960

Browse files
docs: fix nav bar icons and spacing (#33)
* docs: fix nav bar icons and spacing - Guides: puzzle → rocket (was duplicate of Agents icon) - Enterprise: star → setting (better conveys admin/governance) - Nav links: double horizontal padding (0.125rem → 0.25rem) for better click targets and breathing room Co-Authored-By: Oz <oz-agent@warp.dev> * docs: add custom building icon for Enterprise in header nav Add an office building inline SVG for the Enterprise topic in WarpTopicNav.astro, replacing the gear icon per review feedback. The building has a simple outline with window dots and entrance, stroke-matched to the other custom icons (robot, brackets). sidebar.ts keeps star as the mobile drawer fallback since custom SVGs can't be used in the starlight-sidebar-topics plugin. Co-Authored-By: Oz <oz-agent@warp.dev> --------- Co-authored-by: Oz <oz-agent@warp.dev>
1 parent 62e62fd commit 6371960

2 files changed

Lines changed: 30 additions & 8 deletions

File tree

src/components/WarpTopicNav.astro

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,7 @@ const { topics } = Astro.locals.starlightSidebarTopics;
3939
const CUSTOM_TOPIC_ICONS: Record<string, true> = {
4040
Agents: true,
4141
API: true,
42+
Enterprise: true,
4243
};
4344
---
4445

@@ -73,6 +74,27 @@ const CUSTOM_TOPIC_ICONS: Record<string, true> = {
7374
<path d="M16 18l6-6-6-6" />
7475
<path d="M8 6l-6 6 6 6" />
7576
</svg>
77+
) : topic.label === 'Enterprise' ? (
78+
/* Office building — simple outline: tall rectangle
79+
with window grid and entrance, stroke weight matched
80+
to the other topic icons. */
81+
<svg
82+
viewBox="0 0 24 24"
83+
fill="none"
84+
stroke="currentColor"
85+
stroke-width="2"
86+
stroke-linecap="round"
87+
stroke-linejoin="round"
88+
>
89+
<rect x="4" y="2" width="16" height="20" rx="1" />
90+
<line x1="9" y1="6" x2="9" y2="6.01" />
91+
<line x1="15" y1="6" x2="15" y2="6.01" />
92+
<line x1="9" y1="10" x2="9" y2="10.01" />
93+
<line x1="15" y1="10" x2="15" y2="10.01" />
94+
<line x1="9" y1="14" x2="9" y2="14.01" />
95+
<line x1="15" y1="14" x2="15" y2="14.01" />
96+
<path d="M10 22v-4h4v4" />
97+
</svg>
7698
) : (
7799
/* Robot icon — stroke-based outline matching the visual
78100
weight of Starlight's other topic icons (laptop, book,
@@ -148,7 +170,7 @@ const CUSTOM_TOPIC_ICONS: Record<string, true> = {
148170
display: flex;
149171
align-items: center;
150172
gap: 0.5rem;
151-
padding: 0 0.125rem;
173+
padding: 0 0.25rem;
152174
font-size: var(--sl-text-sm);
153175
font-weight: 500;
154176
/* `1.25` is just enough to clear Inter's natural ascent + descent

src/sidebar.ts

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -516,9 +516,9 @@ export const sidebarTopics: StarlightSidebarTopicsUserConfig = [
516516
],
517517
},
518518
{
519-
label: 'Enterprise',
520-
link: '/enterprise/',
521-
icon: 'star',
519+
label: 'Enterprise',
520+
link: '/enterprise/',
521+
icon: 'setting',
522522
items: [
523523
{
524524
label: 'Getting started',
@@ -564,10 +564,10 @@ export const sidebarTopics: StarlightSidebarTopicsUserConfig = [
564564
],
565565
},
566566
{
567-
id: 'guides',
568-
label: 'Guides',
569-
link: '/guides/',
570-
icon: 'puzzle',
567+
id: 'guides',
568+
label: 'Guides',
569+
link: '/guides/',
570+
icon: 'rocket',
571571
items: [
572572
{ slug: 'guides', label: 'Guides' },
573573
{

0 commit comments

Comments
 (0)