forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
fix: sync weekly downloads chart skeleton with sparkline
+5
-5
+5
-5
app/components/PackageWeeklyDownloadStats.vue
+5
-5
app/components/PackageWeeklyDownloadStats.vue
···
199
199
<VueUiSparkline class="w-full max-w-xs" :dataset :config />
200
200
<template #fallback>
201
201
<!-- Skeleton matching sparkline layout: title row + chart with data label -->
202
-
<div class="min-h-[100px]">
203
-
<!-- Title row: date range (24px height) -->
204
-
<div class="h-6 flex items-center ps-3">
202
+
<div class="max-w-xs">
203
+
<!-- Title row: date range -->
204
+
<div class="h-5 flex items-center ps-3">
205
205
<span class="skeleton h-3 w-36" />
206
206
</div>
207
-
<!-- Chart area: data label left, sparkline right -->
208
-
<div class="aspect-[500/80] flex items-center">
207
+
<!-- Chart area: data label left, sparkline right (h-[51px] matches rendered SVG) -->
208
+
<div class="h-[55px] flex items-center">
209
209
<!-- Data label (covers ~42% width) -->
210
210
<div class="w-[42%] flex items-center ps-0.5">
211
211
<span class="skeleton h-7 w-24" />