QTabs & QTab contentClass (quasarframework#6995)

* QTabs.js contentClass

* QTab contentClass

Author: jjjrmy

ui/src/components/tabs/QTab.js

@@ -41,7 +41,9 @@ export default Vue.extend({
     noCaps: Boolean,
 
     tabindex: [String, Number],
-    disable: Boolean
+    disable: Boolean,
+    
+    contentClass: String
   },
 
   computed: {
@@ -151,7 +153,7 @@ export default Vue.extend({
 
         h('div', {
           staticClass: 'q-tab__content self-stretch flex-center relative-position q-anchor--skip non-selectable',
-          class: this.tabs.inlineLabel === true ? 'row no-wrap q-tab__content--inline' : 'column'
+          class: [this.tabs.inlineLabel === true ? 'row no-wrap q-tab__content--inline' : 'column', this.contentClass].join(' ')
         }, mergeSlot(content, this, 'default'))
       ]
 

ui/src/components/tabs/QTabs.js

@@ -86,7 +86,9 @@ export default Vue.extend({
     inlineLabel: Boolean,
     noCaps: Boolean,
 
-    dense: Boolean
+    dense: Boolean,
+    
+    contentClass: String
   },
 
   data () {
@@ -397,7 +399,7 @@ export default Vue.extend({
       h('div', {
         ref: 'content',
         staticClass: 'q-tabs__content row no-wrap items-center self-stretch hide-scrollbar',
-        class: this.alignClass
+        class: [this.alignClass, this.contentClass].join(' ')
       }, slot(this, 'default'))
     ]