Update qr.vue
This commit is contained in:
parent
dc19250aee
commit
857d4fd5b2
|
@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
|
||||
<template>
|
||||
<div :class="$style.root" class="_pageScrollable">
|
||||
<div class="_spacer" style="min-height: 100%; display: flex; flex-direction: column;">
|
||||
<div class="_spacer" :class="$style.main">
|
||||
<MkButton v-if="read" :class="$style.button" rounded @click="read = false"><i class="ti ti-qrcode"></i> {{ i18n.ts._qr.showTabTitle }}</MkButton>
|
||||
<MkButton v-else :class="$style.button" rounded @click="read = true"><i class="ti ti-scan"></i> {{ i18n.ts._qr.readTabTitle }}</MkButton>
|
||||
|
||||
|
@ -43,6 +43,14 @@ definePage(() => ({
|
|||
height: 100%;
|
||||
}
|
||||
|
||||
.main {
|
||||
min-height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.button {
|
||||
margin: 0 auto 16px auto;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue