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.6KB

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