emphasize usable items

This commit is contained in:
Branden J Brown 2024-01-30 21:03:59 -06:00
parent a170a5884a
commit b837facd4a
1 changed files with 5 additions and 1 deletions

View File

@ -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>