feat: apply review

Author: btea

app/pages/package/[[org]]/[name].vue

@@ -38,6 +38,9 @@ const isReadmeHeaderPinned = shallowRef(false)
 const navExtraOffset = shallowRef(0)
 const isMobile = useMediaQuery('(max-width: 639.9px)')
 
+const headerBounds = useElementBounding(header)
+const readmeStickyTop = computed(() => `${56 + headerBounds.height.value}px`)
+
 function isStickyPinned(el: HTMLElement | null): boolean {
   if (!el) return false
 
@@ -1400,8 +1403,9 @@ const showSkeleton = shallowRef(false)
       <section id="readme" class="min-w-0 scroll-mt-20" :class="$style.areaReadme">
         <div
           ref="readmeHeader"
-          class="flex sticky top-34 z-10 flex-wrap items-center justify-between mb-3 py-2 -mx-1 px-2 transition-shadow duration-200"
+          class="flex sticky z-10 flex-wrap items-center justify-between mb-3 py-2 -mx-1 px-2 transition-shadow duration-200"
           :class="{ 'bg-bg border-border border-b': isReadmeHeaderPinned }"
+          :style="{ top: readmeStickyTop }"
         >
           <h2 id="readme-heading" class="group text-xs text-fg-subtle uppercase tracking-wider">
             <LinkBase to="#readme">