Updated styles for collection links in IndexView.vue

rubenriseld · May 21, 2024 · 04f66c9 · 04f66c9
1 parent 6ef8cfc
commit 04f66c9
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/Gallery.Web/src/views/IndexView.vue b/Gallery.Web/src/views/IndexView.vue
@@ -82,9 +82,8 @@ async function getCollections() {
     font-size: 3rem;
     text-transform: uppercase;
     color: var(--lightest-color);
-    opacity: 0.7;
+    opacity: 0;
     text-decoration: none;
-    backdrop-filter: blur(5px);
 }
 
 a {
@@ -100,11 +99,12 @@ a {
 
 .collection-wrapper:hover .background-image {
     transform: scale(1.1);
-    filter: brightness(0.7) blur(8px);
+    filter: brightness(0.5);
 }
 
 .collection-link:hover {
     color: var(--lightest-color);
+    backdrop-filter: blur(4px);
     text-shadow: var(--text-shadow);
     opacity: 1;
 }