forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
feat: put env string next to 'npmx' (#657)
Co-authored-by: Vordgi <sasha2822222@gmail.com>
authored by
TAKAHASHI Shuuji
Vordgi
and committed by
GitHub
3faaf04c
e6f9eefa
+19
-4
+10
-3
app/components/AppHeader.vue
+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
+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