mobile layout optimization; auto-show doors on touch device

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

View file

@ -68,7 +68,7 @@ export default class extends Vue {
public readonly doors!: Door[];
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;
public figure_caption = this.idle_caption;
public next_door: number | null = null;

View file

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