forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
fix: connector modal legibility (#863)
Co-authored-by: Cassidy Williams <cassidoo@users.noreply.github.com>
authored by
Cassidy Williams
Cassidy Williams
and committed by
GitHub
9b356e78
c108bcb0
+4
-6
+4
-6
app/components/Header/ConnectorModal.vue
+4
-6
app/components/Header/ConnectorModal.vue
···
81
81
<form v-else class="space-y-4" @submit.prevent="handleConnect">
82
82
<!-- Contributor-only notice -->
83
83
<div class="p-3 bg-amber-500/10 border border-amber-500/30 rounded-lg">
84
-
<div class="space-y-2">
85
-
<span
86
-
class="inline-block px-2 py-0.5 text-xs font-bold uppercase tracking-wider bg-amber-500/20 text-amber-400 rounded"
87
-
>
84
+
<div>
85
+
<span class="inline-block text-xs font-bold uppercase tracking-wider text-fg rounded">
88
86
{{ $t('connector.modal.contributor_badge') }}
89
87
</span>
90
88
<p class="text-sm text-fg-muted">
···
94
92
href="https://github.com/npmx-dev/npmx.dev/blob/main/CONTRIBUTING.md#local-connector-cli"
95
93
target="_blank"
96
94
rel="noopener noreferrer"
97
-
class="text-amber-400 hover:underline"
95
+
class="text-blue-400 hover:underline"
98
96
>
99
97
{{ $t('connector.modal.contributor_link') }}
100
98
</a>
···
213
211
role="alert"
214
212
class="p-3 text-sm text-red-400 bg-red-500/10 border border-red-500/20 rounded-md"
215
213
>
216
-
<p class="font-mono text-sm text-fg font-bold">
214
+
<p class="inline-block text-xs font-bold uppercase tracking-wider text-fg rounded">
217
215
{{ $t('connector.modal.warning') }}
218
216
</p>
219
217
<p class="text-sm text-fg-muted">