forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
fix: update AccountMenu server fallback to prevent layout shift
+7
-3
+7
-3
app/components/Header/AccountMenu.server.vue
+7
-3
app/components/Header/AccountMenu.server.vue
···
1
1
<template>
2
-
<div class="flex items-center justify-end gap-2 px-2 py-1.5 min-w-24">
3
-
<span class="font-mono text-sm text-fg-muted">{{ $t('account_menu.connect') }}</span>
4
-
<span class="i-carbon-chevron-down w-3 h-3 text-fg-muted" aria-hidden="true" />
2
+
<div class="relative flex min-w-24 justify-end">
3
+
<div
4
+
class="inline-flex gap-x-1 items-center justify-center font-mono border border-border rounded-md text-sm px-4 py-2 bg-transparent text-fg border-none"
5
+
>
6
+
<span class="font-mono text-sm text-fg-muted">{{ $t('account_menu.connect') }}</span>
7
+
<span class="i-carbon-chevron-down w-3 h-3 text-fg-muted" aria-hidden="true" />
8
+
</div>
5
9
</div>
6
10
</template>