From b837facd4a1fc5381b5dffb5e4fa2bfc9b1e3a2c Mon Sep 17 00:00:00 2001
From: Branden J Brown <zephyrtronium@gmail.com>
Date: Tue, 30 Jan 2024 21:03:59 -0600
Subject: [PATCH] emphasize usable items

---
 site/src/components/PlayerItems.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/site/src/components/PlayerItems.vue b/site/src/components/PlayerItems.vue
index dd7f8f5..970d795 100644
--- a/site/src/components/PlayerItems.vue
+++ b/site/src/components/PlayerItems.vue
@@ -2,7 +2,7 @@
     <v-container>
         <v-row v-for="r in 4">
             <v-col v-for="c in 2" cols="4">
-                <v-btn :disabled="!props.items[itemIndex(r, c)]" @click="emit('item', itemIndex(r, c))">
+                <v-btn :disabled="!props.items[itemIndex(r, c)]" :elevation="itemElev(props.items[itemIndex(r, c)])" @click="emit('item', itemIndex(r, c))">
                     {{ props.items[itemIndex(r, c)] }}
                 </v-btn>
             </v-col>
@@ -25,4 +25,8 @@ const emit = defineEmits<Emits>();
 function itemIndex(r: number, c: number): number {
     return (r - 1) * 2 + (c - 1);
 }
+
+function itemElev(item: string): number {
+    return item ? 8 : 0;
+}
 </script>