minie4/Timetable-V2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛 Fix height of "center" element

Browse Source
This commit is contained in:
minie4
2022-08-22 22:29:15 +02:00
parent a785671567
commit e1a429162a
5 changed files with 19 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/App.vue
View File

@ -24,15 +24,17 @@ function swipeHandler(direction) {
</script>
<template>
<TitleBar />
<DateSelector v-show="isDataView" />
<div class="center" v-touch:swipe="swipeHandler">
<main>
<LoadingElement :active="loading" v-show="isDataView" />
<RouterView />
</main>
<div class="app">
<TitleBar />
<DateSelector v-show="isDataView" />
<div class="center" v-touch:swipe="swipeHandler">
<main>
<LoadingElement :active="loading" v-show="isDataView" />
<RouterView />
</main>
</div>
<BottomNavbar v-show="$route.name != 'title.login'" />
</div>
<BottomNavbar v-show="$route.name != 'title.login'" />
</template>
<style>
@ -52,10 +54,15 @@ body {
font-family: var(--font-family);
}
.app {
display: grid;
grid-template-rows: auto auto 1fr;
height: 100vh;
}
.center {
display: flex;
justify-content: center;
height: calc(100vh - 99px);
overflow-y: auto;
overflow: overlay;
}