Browse Source

on home page, change the filtered button color

pull/114/head
Trent Larson 8 months ago
parent
commit
d49bf61524
  1. 20
      src/views/HomeView.vue

20
src/views/HomeView.vue

@ -180,11 +180,21 @@
<div class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mb-4"> <div class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mb-4">
<div class="flex items-center mb-4"> <div class="flex items-center mb-4">
<h2 class="text-xl font-bold">Latest Activity</h2> <h2 class="text-xl font-bold">Latest Activity</h2>
<button <button @click="openFeedFilters()" class="block text-center ml-auto">
@click="openFeedFilters()" <span class="text-sm uppercase text-white">
class="block text-center text-sm uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-3 py-1.5 ml-auto rounded-md" <span
> v-if="resultsAreFiltered()"
{{ resultsAreFiltered() ? "Filtered" : "Unfiltered" }} class="bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md"
>
Filtered
</span>
<span
v-else
class="bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md"
>
Unfiltered
</span>
</span>
</button> </button>
</div> </div>
<InfiniteScroll @reached-bottom="loadMoreGives"> <InfiniteScroll @reached-bottom="loadMoreGives">

Loading…
Cancel
Save