fix: truncating title position

Author: Ehesp

website-v3/src/layouts/Header.astro

@@ -18,7 +18,7 @@ const { owner, repository, config } = context.get();
     <div class="h-16 px-4 lg:px-8 mx-4 lg:mx-0 flex items-center">
       <Link
         href="/"
-        className="transition-opacity flex-grow hover:opacity-75 flex items-center gap-3 truncate"
+        className="transition-opacity hover:opacity-75 flex-1 inline-flex items-center gap-3 truncate"
       >
         {
           !!config.logo && (
@@ -40,7 +40,7 @@ const { owner, repository, config } = context.get();
         }
         {
           !!config.automaticallyDisplayName && (
-            <span class="text-xl font-bold">{config.name || `${owner}/${repository}`}</span>
+            <span class="text-xl font-bold truncate">{config.name || `${owner}/${repository}`}</span>
           )
         }
       </Link>
@@ -51,7 +51,7 @@ const { owner, repository, config } = context.get();
       >
         {!!config.docsearch && <SearchBar />}
       </div>
-      <div class="flex-shrink-0 flex gap-6 items-center justify-end">
+      <div class="flex-1 flex-shrink-0 flex gap-6 items-center justify-end">
         {
           !!config.docsearch && (
             <button class="h-6 w-6 lg:hidden" data-docsearch-override>