I find myself struggling with the arrangement of Quasar and it's not quite clicking for me, even after going through the documentation.
The scaffolder presented me with this code snippet. However, it positions the Drawer on the left side. Is there a way to move it to the right side instead?
<template>
<q-layout view="lHh Lpr lFf">
<q-header elevated>
<q-toolbar>
<q-btn
flat
dense
round
icon="menu"
aria-label="Menu"
@click="leftDrawerOpen = !leftDrawerOpen"
/>
<q-toolbar-title>
Quasar App
</q-toolbar-title>
<div>Quasar v{{ $q.version }}</div>
</q-toolbar>
</q-header>
<q-drawer
v-model="leftDrawerOpen"
show-if-above
bordered
content-class="bg-grey-1"
>
<q-list>
<q-item-label
header
class="text-grey-8"
>
Essential Links
</q-item-label>
<EssentialLink
v-for="link in essentialLinks"
:key="link.title"
v-bind="link"
/>
</q-list>
</q-drawer>
<q-page-container>
<router-view />
</q-page-container>
</q-layout>
</template>
I initially thought that adjusting the letters in
However, modifying them didn't yield any changes.
I also attempted moving the q-drawer tag below the q-page-container, but unfortunately, it didn't work either.
Any insights on how I can relocate the drawer to the right side?