Hi everyone,
In dashboard 2.0, I'm trying to change/override the hamburger icon of the top bar logo, but no luck so far. It's different than previous dashboard 1.x posts.
I tried using the <v-app-bar-nav-icon>
component like in this Vuetify example (lines 5-8), but nothing happens in dashboard 2.0, the logo does not appear.
The following code has been tried:
<template>
<v-card flat>
<v-toolbar color="primary" dark extended flat>
<v-app-bar-nav-icon>
<img
:src="'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEX///+/v7+jQ3Y5AAAADklEQVQI12P4AIX8EAgALgAD/aNpbtEAAAAASUVORK5CYII'"
style="padding-left: 1px"
/>
</v-app-bar-nav-icon>
</v-toolbar>
<v-card class="mx-auto" max-width="700" style="margin-top: -64px">
<v-toolbar flat> </v-toolbar>
</v-card>
</v-card>
</template>
I'm also open to any other ideas for how to customize the top bar logo. For example, is it possible to use a different component, or to modify the existing CSS?
Any help would be greatly appreciated!