Fix logout button UI

This commit is contained in:
QiTao Weng 2022-04-10 04:33:34 -05:00
parent 4aed06eb44
commit 31a3eb2b8f
2 changed files with 5 additions and 9 deletions

View File

@ -54,24 +54,22 @@ Dark.set(true)
<template> <template>
<q-layout view="hHr LpR fFf"> <q-layout view="hHr LpR fFf">
<q-header elevated class="bg-primary text-white" > <q-header elevated class="bg-primary text-white">
<q-toolbar> <q-toolbar>
<q-toolbar-title> <q-toolbar-title>
<q-avatar size="50px"> <q-avatar size="50px">
<img src="./assets/l2.svg" /> <img src="./assets/l2.svg" />
</q-avatar> </q-avatar>
<span style="font-family: 'Cinzel Decorative', cursive;"> <span style="font-family: 'Cinzel Decorative', cursive;">Crystal Math Worktable</span>
Crystal Math Worktable
</span>
<q-btn icon="fa-solid fa-arrow-up-left-from-circle" v-if="status" @click="logout()" label="Logout" />
</q-toolbar-title> </q-toolbar-title>
<q-btn v-if="status" @click="logout()" label="Logout"></q-btn>
</q-toolbar> </q-toolbar>
<!-- <q-tabs> <!-- <q-tabs>
<q-route-tab to="/Scratch" label="Scratch" /> <q-route-tab to="/Scratch" label="Scratch" />
<q-route-tab to="/Editor" label="Editor" /> <q-route-tab to="/Editor" label="Editor" />
<q-tab v-if="status" @click="logout()" label="Logout" /> <q-tab v-if="status" @click="logout()" label="Logout" />
</q-tabs> --> </q-tabs>-->
</q-header> </q-header>
<q-page-container style="display: flex;padding-top: 0px;"> <q-page-container style="display: flex;padding-top: 0px;">
@ -93,6 +91,4 @@ Dark.set(true)
.titleBar { .titleBar {
font-family: "Cinzel Decorative"; font-family: "Cinzel Decorative";
} }
</style> </style>

View File

@ -429,7 +429,7 @@ onMounted(() => {
</span> </span>
</q-toolbar-title> </q-toolbar-title>
<span v-if="status" @click="logout()" label="Logout">Logout</span> <q-btn v-if="status" @click="logout()" label="Logout"></q-btn>
</q-toolbar> </q-toolbar>
</q-header> </q-header>