emphasize usable items
This commit is contained in:
parent
a170a5884a
commit
b837facd4a
@ -2,7 +2,7 @@
|
|||||||
<v-container>
|
<v-container>
|
||||||
<v-row v-for="r in 4">
|
<v-row v-for="r in 4">
|
||||||
<v-col v-for="c in 2" cols="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)] }}
|
{{ props.items[itemIndex(r, c)] }}
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-col>
|
</v-col>
|
||||||
@ -25,4 +25,8 @@ const emit = defineEmits<Emits>();
|
|||||||
function itemIndex(r: number, c: number): number {
|
function itemIndex(r: number, c: number): number {
|
||||||
return (r - 1) * 2 + (c - 1);
|
return (r - 1) * 2 + (c - 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function itemElev(item: string): number {
|
||||||
|
return item ? 8 : 0;
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
Loading…
Reference in New Issue
Block a user