web: add toolbar buttons

This commit is contained in:
Mika 2024-07-09 13:07:33 +02:00
parent 6834b8d6e9
commit c0afe8b56e
2 changed files with 26 additions and 12 deletions

View file

@ -6,8 +6,20 @@
prominent
>
<img src="../assets/turbologo.svg" alt="logo" class="logo" width="75" />
<v-toolbar-title>Vuetify</v-toolbar-title>
<v-spacer></v-spacer>
<!-- Create, Delete, Edit -->
<div>
<v-btn icon class="mr-3">
<Plus />
</v-btn>
<v-btn icon class="mr-3">
<Trash2 />
</v-btn>
<v-btn icon class="mr-3">
<Pencil />
</v-btn>
</div>
<v-text-field
class="compact-form mr-2"
label="Search"
@ -30,7 +42,9 @@
<script setup lang="ts">
import { LogOut } from 'lucide-vue-next';
import { store } from '@/store';
import { Plus } from 'lucide-vue-next';
import { Trash2 } from 'lucide-vue-next';
import { Pencil } from 'lucide-vue-next';
function handlelogout() {
console.log('logout');