davidwindham.com / npmx.dev
forked from npmx.dev/npmx.dev
[READ-ONLY] a fast, modern browser for the npm registry
fork atom

feat: put env string next to 'npmx' (#657)

Co-authored-by: Vordgi <sasha2822222@gmail.com>

authored by shuuji3.xyz

Vordgi and committed by
GitHub 3faaf04c e6f9eefa

+19 -4
+10 -3
app/components/AppHeader.vue
··· 124 124 125 125 const showFullSearch = shallowRef(false) 126 126 const showMobileMenu = shallowRef(false) 127 + const { env } = useAppConfig().buildInfo 127 128 128 129 // On mobile, clicking logo+search button expands search 129 130 const route = useRoute() ··· 212 213 :to="{ name: 'index' }" 213 214 :aria-label="$t('header.home')" 214 215 dir="ltr" 215 - class="inline-flex items-center gap-1 header-logo font-mono text-lg font-medium text-fg hover:text-fg/90 transition-colors duration-200 rounded" 216 + class="relative inline-flex items-center gap-1 header-logo font-mono text-lg font-medium text-fg hover:text-fg/90 transition-colors duration-200 rounded" 216 217 > 217 - <AppLogo class="w-8 h-8 rounded-lg" /> 218 - <span>npmx</span> 218 + <AppLogo class="w-7 h-7 rounded-lg" /> 219 + <span class="pb-0.5">npmx</span> 220 + <span 221 + aria-hidden="true" 222 + class="scale-35 transform-origin-br font-mono tracking-wide text-accent absolute bottom-0.5 -inset-ie-1" 223 + > 224 + {{ env === 'release' ? 'alpha' : env }} 225 + </span> 219 226 </NuxtLink> 220 227 </div> 221 228 <!-- Spacer when logo is hidden on desktop -->
+9 -1
app/pages/index.vue
··· 8 8 flushUpdateUrlQuery() 9 9 } 10 10 11 + const { env } = useAppConfig().buildInfo 12 + 11 13 useSeoMeta({ 12 14 title: () => $t('seo.home.title'), 13 15 ogTitle: () => $t('seo.home.title'), ··· 32 34 > 33 35 <h1 34 36 dir="ltr" 35 - class="flex items-center justify-center gap-2 header-logo font-mono text-5xl sm:text-7xl md:text-8xl font-medium tracking-tight mb-2 motion-safe:animate-fade-in motion-safe:animate-fill-both" 37 + class="relative flex items-center justify-center gap-2 header-logo font-mono text-5xl sm:text-7xl md:text-8xl font-medium tracking-tight mb-2 motion-safe:animate-fade-in motion-safe:animate-fill-both" 36 38 > 37 39 <AppLogo 38 40 class="w-12 h-12 -ms-3 sm:w-20 sm:h-20 sm:-ms-5 md:w-24 md:h-24 md:-ms-6 rounded-2xl sm:rounded-3xl" 39 41 /> 40 42 <span class="pb-4">npmx</span> 43 + <span 44 + aria-hidden="true" 45 + class="scale-15 transform-origin-br font-mono tracking-widest text-accent absolute bottom-3 -inset-ie-1.5" 46 + > 47 + {{ env === 'release' ? 'alpha' : env }} 48 + </span> 41 49 </h1> 42 50 43 51 <p