tailwind class name controlled for js file

This commit is contained in:
Burak Civan
2022-12-12 13:21:02 +03:00
parent e0a855c09c
commit 167b9c409b
3 changed files with 19 additions and 4 deletions

View File

@@ -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() {

View File

@@ -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 */