mirror of
https://code.lenaisten.de/Lenaisten/advent22.git
synced 2024-11-23 00:03:07 +00:00
show CalendarDoor on hover
This commit is contained in:
parent
b6e24dae9d
commit
6efa2aef9b
1 changed files with 5 additions and 1 deletions
|
@ -1,8 +1,10 @@
|
|||
<template>
|
||||
<SVGRect
|
||||
style="cursor: pointer"
|
||||
:variant="visible ? 'primary' : undefined"
|
||||
:variant="visible || hovered ? 'primary' : undefined"
|
||||
:rectangle="door.position"
|
||||
@mouseover="hovered = true"
|
||||
@mouseout="hovered = false"
|
||||
>
|
||||
<div class="has-text-danger">{{ door.day }}</div>
|
||||
</SVGRect>
|
||||
|
@ -29,5 +31,7 @@ import SVGRect from "./SVGRect.vue";
|
|||
export default class extends Vue {
|
||||
public door!: Door;
|
||||
public visible!: boolean;
|
||||
|
||||
public hovered = false;
|
||||
}
|
||||
</script>
|
||||
|
|
Loading…
Reference in a new issue