@@ -397,19 +397,21 @@ function handleClick(event: MouseEvent) {
397397 <header class =" area-header border-b border-border" >
398398 <div class =" mb-4" >
399399 <div class =" flex items-baseline gap-2 mb-1.5 sm:gap-3 sm:mb-2 flex-wrap min-w-0" >
400- <h1
401- class =" group font-mono text-2xl sm:text-3xl font-medium min-w-0 break-words"
402- :title =" pkg.name"
403- >
404- <NuxtLink
405- v-if =" orgName"
406- :to =" { name: 'org', params: { org: orgName } }"
407- class =" text-fg-muted hover:text-fg transition-colors duration-200"
408- >@{{ orgName }}</NuxtLink
409- ><span v-if =" orgName" >/</span >
410- <span :class =" { 'text-fg-muted': orgName }" >
411- {{ orgName ? pkg.name.replace(`@${orgName}/`, '') : pkg.name }}
412- </span >
400+ <div class =" group flex items-baseline min-w-0" >
401+ <h1
402+ class =" font-mono text-2xl sm:text-3xl font-medium min-w-0 break-words"
403+ :title =" pkg.name"
404+ >
405+ <NuxtLink
406+ v-if =" orgName"
407+ :to =" { name: 'org', params: { org: orgName } }"
408+ class =" text-fg-muted hover:text-fg transition-colors duration-200"
409+ >@{{ orgName }}</NuxtLink
410+ ><span v-if =" orgName" >/</span >
411+ <span :class =" { 'text-fg-muted': orgName }" >
412+ {{ orgName ? pkg.name.replace(`@${orgName}/`, '') : pkg.name }}
413+ </span >
414+ </h1 >
413415 <TooltipAnnounce :text =" $t('common.copied')" :isVisible =" copiedPkgName" >
414416 <button
415417 type =" button"
@@ -420,7 +422,7 @@ function handleClick(event: MouseEvent) {
420422 <span class =" i-carbon:copy w-5 h-5 block" aria-hidden =" true" />
421423 </button >
422424 </TooltipAnnounce >
423- </h1 >
425+ </div >
424426 <span
425427 v-if =" displayVersion"
426428 class =" inline-flex items-baseline gap-1.5 font-mono text-base sm:text-lg text-fg-muted shrink-0"
0 commit comments