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: prevent layout shift for short/narrow content

Daniel Roe 5618ff1d 865ea1d1

+8 -8
+1 -1
app/pages/@[org].vue
··· 135 135 </script> 136 136 137 137 <template> 138 - <main class="container py-8 sm:py-12 w-full"> 138 + <main class="container flex-1 py-8 sm:py-12 w-full"> 139 139 <!-- Header --> 140 140 <header class="mb-8 pb-8 border-b border-border"> 141 141 <div class="flex items-center gap-4 mb-4">
+1 -1
app/pages/[...package].vue
··· 494 494 </script> 495 495 496 496 <template> 497 - <main class="container py-8 xl:py-12"> 497 + <main class="container flex-1 py-8 xl:py-12"> 498 498 <PackageSkeleton v-if="status === 'pending'" /> 499 499 500 500 <article
+1 -1
app/pages/about.vue
··· 41 41 </script> 42 42 43 43 <template> 44 - <main class="container py-12 sm:py-16 min-h-screen"> 44 + <main class="container flex-1 py-12 sm:py-16"> 45 45 <article class="max-w-2xl mx-auto"> 46 46 <header class="mb-12"> 47 47 <h1 class="font-mono text-3xl sm:text-4xl font-medium mb-4">{{ $t('about.heading') }}</h1>
+1 -1
app/pages/docs/[...path].vue
··· 88 88 </script> 89 89 90 90 <template> 91 - <div class="docs-page min-h-screen"> 91 + <div class="docs-page flex-1 flex flex-col"> 92 92 <!-- Visually hidden h1 for accessibility --> 93 93 <h1 class="sr-only">{{ packageName }} API Documentation</h1> 94 94
+1 -1
app/pages/search.vue
··· 758 758 </script> 759 759 760 760 <template> 761 - <main class="overflow-x-hidden"> 761 + <main class="flex-1 overflow-x-hidden"> 762 762 <!-- Sticky search header - positioned below AppHeader (h-14 = 56px) --> 763 763 <header class="sticky top-14 z-40 bg-bg/95 backdrop-blur-sm border-b border-border"> 764 764 <div class="container-sm py-4">
+1 -1
app/pages/settings.vue
··· 29 29 </script> 30 30 31 31 <template> 32 - <main class="container py-12 sm:py-16 min-h-screen w-full"> 32 + <main class="container flex-1 py-12 sm:py-16 w-full"> 33 33 <article class="max-w-2xl mx-auto"> 34 34 <!-- Header --> 35 35 <header class="mb-12">
+1 -1
app/pages/~[username]/index.vue
··· 165 165 </script> 166 166 167 167 <template> 168 - <main class="container py-8 sm:py-12 w-full"> 168 + <main class="container flex-1 py-8 sm:py-12 w-full"> 169 169 <!-- Header --> 170 170 <header class="mb-8 pb-8 border-b border-border"> 171 171 <div class="flex items-center gap-4 mb-4">
+1 -1
app/pages/~[username]/orgs.vue
··· 104 104 </script> 105 105 106 106 <template> 107 - <main class="container py-8 sm:py-12 w-full"> 107 + <main class="container flex-1 py-8 sm:py-12 w-full"> 108 108 <!-- Header --> 109 109 <header class="mb-8 pb-8 border-b border-border"> 110 110 <div class="flex items-center gap-4 mb-4">