Skip to content

Commit f90de96

Browse files
committed
fix: sync weekly downloads chart skeleton with sparkline
1 parent 5618ff1 commit f90de96

1 file changed

Lines changed: 5 additions & 5 deletions

File tree

app/components/PackageWeeklyDownloadStats.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -199,13 +199,13 @@ const config = computed(() => {
199199
<VueUiSparkline class="w-full max-w-xs" :dataset :config />
200200
<template #fallback>
201201
<!-- 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">
205205
<span class="skeleton h-3 w-36" />
206206
</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">
209209
<!-- Data label (covers ~42% width) -->
210210
<div class="w-[42%] flex items-center ps-0.5">
211211
<span class="skeleton h-7 w-24" />

0 commit comments

Comments
 (0)