web: implement logout button
This commit is contained in:
parent
cca0ef706a
commit
d61b4f3fcb
2 changed files with 10 additions and 2 deletions
4
web/components.d.ts
vendored
4
web/components.d.ts
vendored
|
@ -7,6 +7,10 @@ export {}
|
||||||
|
|
||||||
declare module 'vue' {
|
declare module 'vue' {
|
||||||
export interface GlobalComponents {
|
export interface GlobalComponents {
|
||||||
|
ActionToolbar: typeof import('./src/components/actionToolbar.vue')['default']
|
||||||
|
CategoryContainer: typeof import('./src/components/CategoryContainer.vue')['default']
|
||||||
|
HeaderBar: typeof import('./src/components/HeaderBar.vue')['default']
|
||||||
|
ListViewElement: typeof import('./src/components/ListViewElement.vue')['default']
|
||||||
LoginPage: typeof import('./src/components/loginPage.vue')['default']
|
LoginPage: typeof import('./src/components/loginPage.vue')['default']
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
dark
|
dark
|
||||||
prominent
|
prominent
|
||||||
>
|
>
|
||||||
<img src="../assets/turbologo.svg" alt="logo" class="logo" width="75" />
|
<img src="../assets/turbologo.svg" alt="logo" class="logo" width="75" />
|
||||||
<v-toolbar-title>Vuetify</v-toolbar-title>
|
<v-toolbar-title>Vuetify</v-toolbar-title>
|
||||||
<v-spacer></v-spacer>
|
<v-spacer></v-spacer>
|
||||||
<v-text-field
|
<v-text-field
|
||||||
|
@ -19,12 +19,16 @@
|
||||||
clearable
|
clearable
|
||||||
rounded="pill"
|
rounded="pill"
|
||||||
></v-text-field>
|
></v-text-field>
|
||||||
|
<v-btn icon variant="outlined" >
|
||||||
|
<LogOut />
|
||||||
|
</v-btn>
|
||||||
</v-toolbar>
|
</v-toolbar>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
import { LogOut } from 'lucide-vue-next';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
Loading…
Reference in a new issue