Skip to content

Commit a3b8efc

Browse files
committed
fix: prevent horizontal scrolling
1 parent cf5b755 commit a3b8efc

1 file changed

Lines changed: 6 additions & 4 deletions

File tree

app/components/PackageDownloadStats.vue

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -68,11 +68,9 @@ const config = computed(() => ({
6868
Weekly Downloads
6969
</h2>
7070
</div>
71-
<div class="w-full">
71+
<div class="w-full overflow-hidden">
7272
<ClientOnly>
73-
<div>
74-
<VueUiSparkline :dataset :config />
75-
</div>
73+
<VueUiSparkline class="max-w-full" :dataset :config />
7674
<template #fallback>
7775
<!-- Skeleton matching sparkline layout: title row + chart with data label -->
7876
<div class="min-h-[100px]">
@@ -115,4 +113,8 @@ const config = computed(() => ({
115113
Geist Mono,
116114
monospace !important;
117115
}
116+
.vue-ui-sparkline,
117+
.vue-ui-sparkline svg {
118+
max-width: 100% !important;
119+
}
118120
</style>

0 commit comments

Comments
 (0)