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

View File

@ -7,7 +7,7 @@ Use this as the root component for any pages you create.
-->
<template>
<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>
<p>Page content</p>
</slot>

View File

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