Fix page titles and sidebar external link styling

groksrc · claude · groksrc · commit fc1e136dd6fa · 2025-07-07T11:10:05.000-05:00
- Fix page title format to match original site (homepage shows just "Basic Memory", other pages show "{Title} - Basic Memory") - Handle undefined title values and MDX frontmatter passing - Add rounded borders around sidebar external link icons only - Implement hover effect with black background and white icon/text - Reduce icon container size from 32px to 24px for tighter borders - Lighten icon colors from gray-600 to gray-400 - Add proper spacing between external links 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/src/components/Sidebar.astro b/src/components/Sidebar.astro
@@ -9,16 +9,20 @@ const currentPath = Astro.url.pathname
   <nav class="sticky top-16 h-[calc(100vh-4rem)] overflow-y-auto py-6 pr-6 pl-8">
     <div class="space-y-6">
       <!-- Top links section -->
-      <div class="space-y-1">
+      <div class="space-y-2">
         {navConfig.sidebarTopLinks.map((link) => (
           <a
             href={link.href}
             target={link.external ? "_blank" : undefined}
             rel={link.external ? "noopener noreferrer" : undefined}
-            class="flex items-center gap-3 px-3 py-1.5 text-sm text-gray-600 hover:text-gray-900 transition-colors no-underline"
+            class="flex items-center gap-3 px-3 py-1.5 text-sm text-gray-500 hover:text-gray-900 transition-colors no-underline group"
             style="text-decoration: none"
           >
-            {link.icon && <Icon name={link.icon} class="w-4 h-4" />}
+            {link.icon && (
+              <div class="flex items-center justify-center w-6 h-6 rounded-md border border-gray-200 group-hover:bg-black group-hover:border-black transition-all">
+                <Icon name={link.icon} class="w-4 h-4 text-gray-400 group-hover:text-white" />
+              </div>
+            )}
             <span>{link.title}</span>
           </a>
         ))}
diff --git a/src/layouts/DocsLayout.astro b/src/layouts/DocsLayout.astro
@@ -10,7 +10,7 @@ export interface Props {
   description?: string
 }
 
-const { title, description } = Astro.props
+const { title, description } = Astro.props.frontmatter || Astro.props
 ---
 
 <Layout title={title} description={description}>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -6,7 +6,7 @@ export interface Props {
   description?: string
 }
 
-const { title, description = 'Basic Memory - Persistent memory for Claude AI' } = Astro.props
+const { title = 'Basic Memory', description = 'Basic Memory - Persistent memory for Claude AI' } = Astro.props
 ---
 
 <!DOCTYPE html>
@@ -20,7 +20,7 @@ const { title, description = 'Basic Memory - Persistent memory for Claude AI' }
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet" />
     <meta name="generator" content={Astro.generator} />
     <meta name="description" content={description} />
-    <title>Basic Memory - {title}</title>
+    <title>{!title || title === 'Basic Memory' ? 'Basic Memory' : `${title} - Basic Memory`}</title>
   </head>
   <body>
     <slot />

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ export interface Props {`
`10`	`10`	`description?: string`
`11`	`11`	`}`
`12`	`12`
`13`		`-const { title, description } = Astro.props`
	`13`	`+const { title, description } = Astro.props.frontmatter \|\| Astro.props`
`14`	`14`	`---`
`15`	`15`
`16`	`16`	`<Layout title={title} description={description}>`