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.

refactor: use `justify-content: space-between` in `AppFooter` (#340)

authored by

Nathan Knowler and committed by
GitHub c9edc5e8 0d83ffc9

+11 -12
+11 -12
app/components/AppFooter.vue
··· 2 2 <footer class="border-t border-border mt-auto"> 3 3 <div class="container py-3 sm:py-8 flex flex-col gap-2 sm:gap-4 text-fg-subtle text-sm"> 4 4 <div 5 - class="flex flex-col sm:flex-row items-center sm:items-baseline justify-start gap-2 sm:gap-4" 5 + class="flex flex-col sm:flex-row items-center sm:items-baseline justify-between gap-2 sm:gap-4" 6 6 > 7 7 <p class="font-mono text-balance m-0 hidden sm:block">{{ $t('tagline') }}</p> 8 - <span aria-hidden="true" class="flex-shrink-1 flex-grow-1" /> 9 - <div class="flex items-center justify-start gap-3 sm:gap-6"> 8 + <div class="flex items-center gap-3 sm:gap-6"> 10 9 <NuxtLink 11 10 to="/about" 12 11 class="link-subtle font-mono text-xs min-h-8 sm:min-h-11 flex items-center" 13 12 > 14 - <span>{{ $t('footer.about') }}</span> 13 + {{ $t('footer.about') }} 15 14 </NuxtLink> 16 15 <a 17 16 href="https://docs.npmx.dev" 18 17 target="_blank" 19 18 rel="noopener noreferrer" 20 - class="link-subtle font-mono text-xs min-h-8 sm:min-h-11 flex items-center justify-start gap-1" 19 + class="link-subtle font-mono text-xs min-h-8 sm:min-h-11 flex items-center gap-1" 21 20 > 22 - <span>{{ $t('footer.docs') }}</span> 21 + {{ $t('footer.docs') }} 23 22 <span class="i-carbon:launch rtl-flip w-3 h-3" aria-hidden="true" /> 24 23 </a> 25 24 <a 26 25 href="https://repo.npmx.dev" 27 26 target="_blank" 28 27 rel="noopener noreferrer" 29 - class="link-subtle font-mono text-xs min-h-8 sm:min-h-11 flex justify-start items-center gap-1" 28 + class="link-subtle font-mono text-xs min-h-8 sm:min-h-11 flex items-center gap-1" 30 29 > 31 - <span>{{ $t('footer.source') }}</span> 30 + {{ $t('footer.source') }} 32 31 <span class="i-carbon:launch rtl-flip w-3 h-3" aria-hidden="true" /> 33 32 </a> 34 33 <a 35 34 href="https://social.npmx.dev" 36 35 target="_blank" 37 36 rel="noopener noreferrer" 38 - class="link-subtle font-mono text-xs min-h-8 sm:min-h-11 flex items-center justify-start gap-1" 37 + class="link-subtle font-mono text-xs min-h-8 sm:min-h-11 flex items-center gap-1" 39 38 > 40 - <span>{{ $t('footer.social') }}</span> 39 + {{ $t('footer.social') }} 41 40 <span class="i-carbon:launch rtl-flip w-3 h-3" aria-hidden="true" /> 42 41 </a> 43 42 <a 44 43 href="https://chat.npmx.dev" 45 44 target="_blank" 46 45 rel="noopener noreferrer" 47 - class="link-subtle font-mono text-xs min-h-8 sm:min-h-11 flex items-center justify-start gap-1" 46 + class="link-subtle font-mono text-xs min-h-8 sm:min-h-11 flex items-center gap-1" 48 47 > 49 - <span>{{ $t('footer.chat') }}</span> 48 + {{ $t('footer.chat') }} 50 49 <span class="i-carbon:launch rtl-flip w-3 h-3" aria-hidden="true" /> 51 50 </a> 52 51 </div>