Lenaisten/advent22
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

show CalendarDoor on hover

Browse source
This commit is contained in:
Jörn-Michael Miehe 2023-11-04 01:31:49 +00:00
parent b6e24dae9d
commit 6efa2aef9b
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ui/src/components/calendar/CalendarDoor.vue
View file

@ -1,8 +1,10 @@
<template> <template>
<SVGRect <SVGRect
style="cursor: pointer" style="cursor: pointer"
:variant="visible ? 'primary' : undefined" :variant="visible || hovered ? 'primary' : undefined"
:rectangle="door.position" :rectangle="door.position"
@mouseover="hovered = true"
@mouseout="hovered = false"
> >
<div class="has-text-danger">{{ door.day }}</div> <div class="has-text-danger">{{ door.day }}</div>
</SVGRect> </SVGRect>
@ -29,5 +31,7 @@ import SVGRect from "./SVGRect.vue";
export default class extends Vue { export default class extends Vue {
public door!: Door; public door!: Door;
public visible!: boolean; public visible!: boolean;
public hovered = false;
} }
</script> </script>