tailwind class name controlled for js file
This commit is contained in:
@@ -142,13 +142,11 @@ const app = new Vue({
|
||||
},
|
||||
|
||||
onSmallWidthColumn(item) {
|
||||
this.$refs[item].$el.classList.remove('sm:col-span-6');
|
||||
this.$refs[item].$el.classList.add('sm:col-span-3');
|
||||
this.$refs[item].$el.setAttribute('custom-half', true);
|
||||
},
|
||||
|
||||
onFullWidthColumn(item) {
|
||||
this.$refs[item].$el.classList.add('sm:col-span-6');
|
||||
this.$refs[item].$el.classList.remove('sm:col-span-3');
|
||||
this.$refs[item].$el.removeAttribute('custom-half');
|
||||
},
|
||||
|
||||
settingsInvoice() {
|
||||
|
6
resources/assets/sass/app.css
vendored
6
resources/assets/sass/app.css
vendored
@@ -239,6 +239,12 @@
|
||||
#button-monthly {
|
||||
margin-left: unset !important;
|
||||
}
|
||||
|
||||
/* width of container, custom choose */
|
||||
[custom-half] {
|
||||
@apply sm:col-span-3 !important;
|
||||
}
|
||||
/* width of container, custom choose */
|
||||
}
|
||||
|
||||
/* menu */
|
||||
|
Reference in New Issue
Block a user