nav-header.vue 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <template lang='pug'>
  2. v-toolbar(color='black', dark, app, clipped-left, fixed, flat)
  3. v-toolbar-side-icon(@click.native='')
  4. v-toolbar-title
  5. span.subheading Wiki.js
  6. v-spacer
  7. v-progress-circular.mr-3(indeterminate, color='blue', v-show='$apollo.loading')
  8. v-btn(icon)
  9. v-icon(color='grey') search
  10. v-btn(icon, @click.native='darkTheme = !darkTheme')
  11. v-icon(color='grey') settings
  12. v-menu(offset-y, min-width='300')
  13. v-btn(icon, slot='activator')
  14. v-icon(color='grey') account_circle
  15. v-list.py-0
  16. v-list-tile.py-3(avatar)
  17. v-list-tile-avatar
  18. v-avatar.red(:size='40'): span.white--text.subheading JD
  19. v-list-tile-content
  20. v-list-tile-title John Doe
  21. v-list-tile-sub-title john.doe@example.com
  22. v-divider.my-0
  23. v-list-tile(@click='')
  24. v-list-tile-action: v-icon(color='red') exit_to_app
  25. v-list-tile-title Logout
  26. </template>
  27. <script>
  28. export default {
  29. data() {
  30. return {}
  31. }
  32. }
  33. </script>
  34. <style>
  35. </style>