catalog list: small updates for vuetify 2

This commit is contained in:
2019-10-01 15:44:29 -07:00
parent 06b8d6e0f2
commit c777f85b94
4 changed files with 56 additions and 25 deletions

View File

@ -1,5 +1,5 @@
<template>
<v-toolbar dark dense absolute app color="keen_dark_grey">
<v-app-bar dark dense absolute app color="keen_dark_grey">
<!-- <v-toolbar-side-icon></v-toolbar-side-icon> -->
<img src="/static/img/keen_logo.svg" width="85"/>
<v-toolbar-title color="primary" class="headline">
@ -8,37 +8,37 @@
</v-toolbar-title>
<v-spacer></v-spacer>
<v-toolbar-items class="hidden-sm-and-down">
<v-btn flat small href="/">Dashboard</v-btn>
<v-btn text small href="/">Dashboard</v-btn>
<v-menu open-on-hover bottom offset-y>
<template v-slot:activator="{ on }">
<v-btn flat small v-on="on">Support</v-btn>
<v-btn text small v-on="on">Support</v-btn>
</template>
<v-list class="navbar-menu ma-0 pa-0">
<v-list-tile dense class="navbar-menu-item">
<v-btn flat small href="mailto:support@procatalog.io?Subject=Keen%20ProCatalog%20support%20request" class="navbar-menu-button">Email Support</v-btn>
</v-list-tile>
<v-list-item dense class="navbar-menu-item">
<v-btn text small href="mailto:support@procatalog.io?Subject=Keen%20ProCatalog%20support%20request" class="navbar-menu-button">Email Support</v-btn>
</v-list-item>
</v-list>
</v-menu>
<v-menu open-on-hover bottom offset-y>
<template v-slot:activator="{ on }">
<v-btn flat small v-on="on">
<v-btn text small v-on="on">
Account
</v-btn>
</template>
<v-list class="navbar-menu ma-0 pa-0">
<v-list-tile dense class="navbar-menu-item">
<v-btn flat small href="/account/settings" class="navbar-menu-button">Profile</v-btn>
</v-list-tile>
<v-list-tile dense class="navbar-menu-item">
<v-btn flat small href="/account/logout" class="navbar-menu-button">Log Out</v-btn>
</v-list-tile>
<v-list-item dense class="navbar-menu-item">
<v-btn text small href="/account/settings" class="navbar-menu-button">Profile</v-btn>
</v-list-item>
<v-list-item dense class="navbar-menu-item">
<v-btn text small href="/account/logout" class="navbar-menu-button">Log Out</v-btn>
</v-list-item>
</v-list>
</v-menu>
</v-toolbar-items>
</v-toolbar>
</v-app-bar>
</template>
<script>