From d49bf615248cb8e5ec892df1682f24a90d713fd7 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sat, 6 Apr 2024 17:58:10 -0600
Subject: [PATCH] on home page, change the filtered button color

---
 src/views/HomeView.vue | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 5107136..66511db 100644
--- a/src/views/HomeView.vue
+++ b/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="flex items-center mb-4">
         <h2 class="text-xl font-bold">Latest Activity</h2>
-        <button
-          @click="openFeedFilters()"
-          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"
-        >
-          {{ resultsAreFiltered() ? "Filtered" : "Unfiltered" }}
+        <button @click="openFeedFilters()" class="block text-center ml-auto">
+          <span class="text-sm uppercase text-white">
+            <span
+              v-if="resultsAreFiltered()"
+              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>
       </div>
       <InfiniteScroll @reached-bottom="loadMoreGives">