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

mobile layout optimization; auto-show doors on touch device

Browse source
This commit is contained in:
Jörn-Michael Miehe 2023-11-01 22:41:30 +00:00
parent 066b6686d8
commit 19411351dd
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/src/components/Calendar.vue
View file

@ -68,7 +68,7 @@ export default class extends Vue {
public readonly doors!: Door[]; public readonly doors!: Door[];
private readonly idle_caption = "Finde die Türchen auf dem Adventskalender!"; private readonly idle_caption = "Finde die Türchen auf dem Adventskalender!";
public show_doors = false; public show_doors = window.matchMedia("(any-hover: none)").matches;
private multi_modal?: MultiModal; private multi_modal?: MultiModal;
public figure_caption = this.idle_caption; public figure_caption = this.idle_caption;
public next_door: number | null = null; public next_door: number | null = null;

2
ui/src/components/MultiModal.vue
View file

@ -2,7 +2,7 @@
<div class="modal is-active" v-if="active" @click="dismiss()"> <div class="modal is-active" v-if="active" @click="dismiss()">
<div class="modal-background" /> <div class="modal-background" />
<div class="modal-content"> <div class="modal-content" style="max-height: 100vh; max-width: 95vw">
<template v-if="progress"> <template v-if="progress">
<progress class="progress is-primary" max="100" /> <progress class="progress is-primary" max="100" />
</template> </template>