web: implement logout button

This commit is contained in:
Mika 2024-07-09 12:00:33 +02:00
parent cca0ef706a
commit d61b4f3fcb
2 changed files with 10 additions and 2 deletions

4
web/components.d.ts vendored
View file

@ -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']
} }
} }

View file

@ -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>