forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
fix: improve responsiveness on package page (#83)
authored by
Griffin Wiebel
and committed by
GitHub
be9ae016
7a58de5d
+2
-6
+1
-5
app/components/PackageDownloadStats.vue
+1
-5
app/components/PackageDownloadStats.vue
···
79
79
</div>
80
80
<div class="w-full overflow-hidden">
81
81
<ClientOnly>
82
-
<VueUiSparkline class="max-w-full" :dataset :config />
82
+
<VueUiSparkline class="w-full max-w-xs" :dataset :config />
83
83
<template #fallback>
84
84
<!-- Skeleton matching sparkline layout: title row + chart with data label -->
85
85
<div class="min-h-[100px]">
···
121
121
font-family:
122
122
Geist Mono,
123
123
monospace !important;
124
-
}
125
-
.vue-ui-sparkline,
126
-
.vue-ui-sparkline svg {
127
-
max-width: 100% !important;
128
124
}
129
125
</style>
+1
-1
app/pages/[...package].vue
+1
-1
app/pages/[...package].vue
···
585
585
586
586
<!-- Install command with package manager selector -->
587
587
<section aria-labelledby="install-heading" class="mb-8">
588
-
<div class="flex items-center justify-between mb-3">
588
+
<div class="flex flex-wrap items-center justify-between mb-3">
589
589
<h2 id="install-heading" class="text-xs text-fg-subtle uppercase tracking-wider">
590
590
Install
591
591
</h2>