improve suggestion styling

2018-09-29 12:58:40 +02:00
parent 9ef1e983ff
commit 38ee7cbd62
1 changed files with 6 additions and 2 deletions
--- a/examples/Components/Routes/Suggestions/index.vue
+++ b/examples/Components/Routes/Suggestions/index.vue
@@ -27,8 +27,8 @@
 					{{ user.name }}
 				</div>
 			</template>
-			<div v-else class="suggestion-list__item">
-				No users found.
+			<div v-else class="suggestion-list__item is-empty">
+				No users found
 			</div>
 		</div>

@@ -267,6 +267,10 @@ export default {
 		&:hover {
 			background-color: rgba($color-white, 0.2);
 		}
+
+		&.is-empty {
+			opacity: 0.5;
+		}
 	}
 }