ferfissimo
/
flaschengeist-frontend
forked from Flaschengeist/flaschengeist-frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[style] QPage should be the first element, otherwise design is broken

This commit is contained in:
Ferdinand Thiessen 2021-04-03 14:41:30 +02:00
parent ecb0649594
commit ee3cb0ba40
2 changed files with 43 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/plugins/balance/pages/MainPage.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div> <q-page padding class="fit row justify-center content-start items-start q-gutter-sm">
<q-tabs v-if="$q.screen.gt.sm" v-model="tab"> <q-tabs v-if="$q.screen.gt.sm" v-model="tab">
<q-tab <q-tab
v-for="(tabindex, index) in tabs" v-for="(tabindex, index) in tabs"
@ -37,32 +37,30 @@
</div> </div>
</q-list> </q-list>
</q-drawer> </q-drawer>
<q-page padding class="fit row justify-left q-col-gutter-sm"> <q-tab-panels
<q-tab-panels v-model="tab"
v-model="tab" style="background-color: transparent"
style="background-color: transparent" class="q-pa-none col-12"
class="q-pa-none col-12" animated
animated >
> <q-tab-panel name="add" class="q-px-xs">
<q-tab-panel name="add" class="q-px-xs"> <BalanceAdd
<BalanceAdd @open-history="
@open-history=" showDrawer = !showDrawer;
showDrawer = !showDrawer; show = true;
show = true; "
" />
/> </q-tab-panel>
</q-tab-panel> <q-tab-panel name="transfer" class="q-px-xs">
<q-tab-panel name="transfer" class="q-px-xs"> <BalanceTransfer
<BalanceTransfer @open-history="
@open-history=" showDrawer = !showDrawer;
showDrawer = !showDrawer; show = true;
show = true; "
" />
/> </q-tab-panel>
</q-tab-panel> </q-tab-panels>
</q-tab-panels> </q-page>
</q-page>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">

38
src/plugins/user/pages/AdminSettings.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div> <q-page padding class="fit row justify-center content-start items-start q-gutter-sm">
<q-tabs v-if="$q.screen.gt.sm" v-model="tab"> <q-tabs v-if="$q.screen.gt.sm" v-model="tab">
<q-tab <q-tab
v-for="(tabindex, index) in tabs" v-for="(tabindex, index) in tabs"
@ -24,25 +24,23 @@
</q-item> </q-item>
</q-list> </q-list>
</q-drawer> </q-drawer>
<q-page padding class="fit row justify-center content-start items-start q-gutter-sm"> <q-tab-panels
<q-tab-panels v-model="tab"
v-model="tab" style="background-color: transparent"
style="background-color: transparent" class="q-ma-none q-pa-none fit row justify-center content-start items-start"
class="q-ma-none q-pa-none fit row justify-center content-start items-start" animated
animated >
> <q-tab-panel name="user">
<q-tab-panel name="user"> <UpdateUser />
<UpdateUser /> </q-tab-panel>
</q-tab-panel> <q-tab-panel name="newUser">
<q-tab-panel name="newUser"> <NewUser />
<NewUser /> </q-tab-panel>
</q-tab-panel> <q-tab-panel name="roles">
<q-tab-panel name="roles"> <RoleSettings v-if="canEditRoles" />
<RoleSettings v-if="canEditRoles" /> </q-tab-panel>
</q-tab-panel> </q-tab-panels>
</q-tab-panels> </q-page>
</q-page>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">