Ohm-Management - Projektarbeit B-ME
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

VContent.js 1.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. // Styles
  2. import '../../../src/stylus/components/_content.styl';
  3. // Mixins
  4. import SSRBootable from '../../mixins/ssr-bootable';
  5. /* @vue/component */
  6. export default {
  7. name: 'v-content',
  8. mixins: [SSRBootable],
  9. props: {
  10. tag: {
  11. type: String,
  12. default: 'main'
  13. }
  14. },
  15. computed: {
  16. styles: function styles() {
  17. var _$vuetify$application = this.$vuetify.application,
  18. bar = _$vuetify$application.bar,
  19. top = _$vuetify$application.top,
  20. right = _$vuetify$application.right,
  21. footer = _$vuetify$application.footer,
  22. insetFooter = _$vuetify$application.insetFooter,
  23. bottom = _$vuetify$application.bottom,
  24. left = _$vuetify$application.left;
  25. return {
  26. paddingTop: top + bar + 'px',
  27. paddingRight: right + 'px',
  28. paddingBottom: footer + insetFooter + bottom + 'px',
  29. paddingLeft: left + 'px'
  30. };
  31. }
  32. },
  33. render: function render(h) {
  34. var data = {
  35. staticClass: 'v-content',
  36. style: this.styles,
  37. ref: 'content'
  38. };
  39. return h(this.tag, data, [h('div', { staticClass: 'v-content__wrap' }, this.$slots.default)]);
  40. }
  41. };
  42. //# sourceMappingURL=VContent.js.map