davidwindham.com / npmx.dev
forked from npmx.dev/npmx.dev
[READ-ONLY] a fast, modern browser for the npm registry
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix(ui): add missing AppTooltip usages (#883)

Co-authored-by: Daniel Roe <daniel@roe.dev>

authored by

Stanyslas Bres
Daniel Roe and committed by
GitHub 3185c40f 23d2ab32

+9 -8
+5 -2
app/components/Terminal/Install.vue
··· 203 203 <NuxtLink 204 204 :to="`/package/${createPackageInfo.packageName}`" 205 205 class="text-fg-muted hover:text-fg text-xs transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50 rounded" 206 - :title="$t('package.create.view', { packageName: createPackageInfo.packageName })" 207 206 > 208 - <span class="i-carbon:information w-3 h-3 mt-1" aria-hidden="true" /> 207 + <TooltipApp 208 + :text="$t('package.create.view', { packageName: createPackageInfo.packageName })" 209 + > 210 + <span class="i-carbon:information w-3 h-3 mt-1" aria-hidden="true" /> 211 + </TooltipApp> 209 212 <span class="sr-only">{{ 210 213 $t('package.create.view', { packageName: createPackageInfo.packageName }) 211 214 }}</span>
+1 -1
app/components/Tooltip/Base.vue
··· 40 40 <div 41 41 v-if="props.isVisible" 42 42 ref="tooltipRef" 43 - class="px-2 py-1 font-mono text-xs text-fg bg-bg-elevated border border-border rounded shadow-lg whitespace-nowrap z-[100] pointer-events-none" 43 + class="px-2 py-1 font-mono text-xs text-fg bg-bg-elevated border border-border rounded shadow-lg whitespace-pre-line z-[100] pointer-events-none" 44 44 :style="floatingStyles" 45 45 v-bind="tooltipAttr" 46 46 >
+3 -5
app/pages/package/[...package].vue
··· 861 861 <div class="space-y-1 sm:col-span-3"> 862 862 <dt class="text-xs text-fg-subtle uppercase tracking-wider flex items-center gap-1"> 863 863 {{ $t('package.stats.install_size') }} 864 - <span 865 - class="i-carbon:information w-3 h-3 text-fg-subtle" 866 - aria-hidden="true" 867 - :title="sizeTooltip" 868 - /> 864 + <TooltipApp :text="sizeTooltip"> 865 + <span class="i-carbon:information w-3 h-3 text-fg-subtle" aria-hidden="true" /> 866 + </TooltipApp> 869 867 </dt> 870 868 <dd class="font-mono text-sm text-fg"> 871 869 <!-- Package size (greyed out) -->