Begin fixing design to match new colors

This commit is contained in:
Dane Everitt 2019-02-09 15:17:38 -08:00
parent dfa175326c
commit a9fda52065
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
6 changed files with 90 additions and 141 deletions

View file

@ -98,10 +98,10 @@ export default Vue.component('navigation', {
/>
<div class="search-results select-none" :class="{ 'hidden': (servers.length === 0 && !loadingResults) || !searchActive || searchTerm.length < 3 }">
<div v-if="loadingResults">
<a href="#">
<a href="#" class="no-hover cursor-default">
<div class="flex items-center">
<div class="flex-1">
<span class="text-sm text-neutral-800">Loading...</span>
<span class="text-sm text-neutral-500">Loading...</span>
</div>
<div class="flex-none">
<span class="spinner spinner-relative"></span>
@ -114,10 +114,10 @@ export default Vue.component('navigation', {
<div class="flex items-center">
<div class="flex-1">
<span class="font-bold text-neutral-900">{{ server.name }}</span><br />
<span class="font-light text-neutral-600 text-sm" v-if="server.description.length > 0">{{ server.description }}</span>
<span class="text-neutral-600 text-sm" v-if="server.description.length > 0">{{ server.description }}</span>
</div>
<div class="flex-none">
<span class="pillbox bg-indigo">{{ server.node }}</span>
<span class="pillbox bg-neutral-900">{{ server.node }}</span>
</div>
</div>
</router-link>