web: add toolbar buttons
This commit is contained in:
parent
6834b8d6e9
commit
c0afe8b56e
2 changed files with 26 additions and 12 deletions
|
@ -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');
|
||||
|
|
Loading…
Reference in a new issue