fix(docs): reserve height for breadcrumbs on server render (t3-oss#1712)

mittalsam98 · Jan 1, 2024 · de8de3a · de8de3a
1 parent e34b082
commit de8de3a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/www/src/components/docs/breadCrumbs.tsx b/www/src/components/docs/breadCrumbs.tsx
@@ -66,7 +66,7 @@ export default function BreadCrumbs() {
  });
 
  return (
- <div className="mb-4 flex items-center gap-2 px-4 text-sm">
+ <div className="flex items-center gap-2 px-4 text-sm">
  <a
  href="/"
  className="rounded-lg border bg-t3-purple-200/50 p-1 hover:bg-t3-purple-200/75 hover:no-underline dark:border-t3-purple-200/20 dark:bg-t3-purple-200/10 dark:hover:border-t3-purple-200/50"

diff --git a/www/src/components/docs/pageContent.astro b/www/src/components/docs/pageContent.astro
@@ -23,7 +23,7 @@ const isRtl = getIsRtlFromLangCode((lang || "en") as KnownLanguageCode);
 
 <article id="article" class="flex w-full max-w-screen-lg flex-col">
  {lang && lang !== "en" && <OutdatedDocsBanner path={path} />}
- <div>
+ <div class="mb-4 h-8">
  <BreadCrumbs client:only />
  </div>
  <OnThisPageLinks