preferences.vue 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <template lang='pug'>
  2. v-container(fluid, fill-height, grid-list-lg)
  3. v-layout(row wrap)
  4. v-flex(xs12)
  5. .headline.primary--text Preferences
  6. .subheading.grey--text Site settings
  7. v-form.pt-3
  8. v-layout(row wrap)
  9. v-flex(lg6 xs12)
  10. v-form
  11. v-card
  12. v-toolbar(color='primary', dark, dense, flat)
  13. v-toolbar-title
  14. .subheading Display
  15. v-card-text
  16. v-subheader.pl-0 Locale
  17. v-select.grey.lighten-5(solo, flat)
  18. v-divider
  19. v-subheader.pl-0 Timezone
  20. v-select.grey.lighten-5(solo, flat)
  21. v-divider.my-0
  22. v-card-actions.grey.lighten-4
  23. v-spacer
  24. v-btn(color='primary')
  25. v-icon(left) chevron_right
  26. span Save
  27. v-flex(lg6 xs12)
  28. v-card
  29. v-toolbar(color='primary', dark, dense, flat)
  30. v-toolbar-title
  31. .subheading Editing
  32. v-card-text
  33. v-subheader.pl-0 Default Editor
  34. v-select.grey.lighten-5(solo, flat)
  35. v-divider.my-0
  36. v-card-actions.grey.lighten-4
  37. v-spacer
  38. v-btn(color='primary')
  39. v-icon(left) chevron_right
  40. span Save
  41. </template>
  42. <script>
  43. export default {
  44. data() {
  45. return { }
  46. }
  47. }
  48. </script>
  49. <style lang='scss'>
  50. </style>