andrew
/
Gymboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Cleaned up main layout and centered page content.

This commit is contained in:
Andrew Lalis 2023-02-16 19:14:17 +01:00
parent 64898fab5c
commit abde8bb815
2 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
gymboard-app/src/components/StandardCenteredPage.vue
View File

@ -7,7 +7,7 @@ Use this as the root component for any pages you create.
--> -->
<template> <template>
<div class="row justify-center"> <div class="row justify-center">
<div class="col-xs-12 col-md-6 q-px-sm"> <div class="col-xs-12 col-sm-9 col-md-6 q-px-sm">
<slot> <slot>
<p>Page content</p> <p>Page content</p>
</slot> </slot>

21
gymboard-app/src/layouts/MainLayout.vue
View File

@ -22,12 +22,21 @@
<q-drawer v-model="leftDrawerOpen" show-if-above bordered> <q-drawer v-model="leftDrawerOpen" show-if-above bordered>
<q-list> <q-list>
<q-item-label header> <q-item clickable to="/">
{{ $t('mainLayout.pages') }} <q-item-section>
</q-item-label> <q-item-label>Gyms</q-item-label>
<q-item clickable to="/">Gyms</q-item> </q-item-section>
<q-item clickable>Global Leaderboard</q-item> </q-item>
<q-item clickable to="/users">Users</q-item> <q-item clickable>
<q-item-section>
<q-item-label>Global Leaderboard</q-item-label>
</q-item-section>
</q-item>
<q-item clickable to="/users">
<q-item-section>
<q-item-label>Users</q-item-label>
</q-item-section>
</q-item>
</q-list> </q-list>
</q-drawer> </q-drawer>