responsive controlled
This commit is contained in:
		@@ -1,5 +1,5 @@
 | 
			
		||||
<template>
 | 
			
		||||
    <div :id="'dropzone-' + _uid" class="dropzone dz-clickable" :class="[preview == 'single' ? 'dropzone-single': 'dropzone-multiple', singleWidthClasses ? 'w-full': 'w-37']">
 | 
			
		||||
    <div :id="'dropzone-' + _uid" class="dropzone dz-clickable" :class="[preview == 'single' ? 'dropzone-single': 'dropzone-multiple', singleWidthClasses ? 'w-full': 'sm:w-37']">
 | 
			
		||||
        <div class="fallback">
 | 
			
		||||
            <div class="custom-file">
 | 
			
		||||
                <input type="file" class="custom-file-input" :id="'projectCoverUploads' + _uid" :multiple="multiple">
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										19
									
								
								resources/assets/js/views/settings/settings.js
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										19
									
								
								resources/assets/js/views/settings/settings.js
									
									
									
									
										vendored
									
									
								
							@@ -50,7 +50,7 @@ const app = new Vue({
 | 
			
		||||
            },
 | 
			
		||||
            item_name_input: false,
 | 
			
		||||
            price_name_input: false,
 | 
			
		||||
            quantity_name_input: false
 | 
			
		||||
            quantity_name_input: false,
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
 | 
			
		||||
@@ -141,24 +141,41 @@ 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');
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        onFullWidthColumn(item) {
 | 
			
		||||
            this.$refs[item].$el.classList.add('sm:col-span-6');
 | 
			
		||||
            this.$refs[item].$el.classList.remove('sm:col-span-3');
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        settingsInvoice() {
 | 
			
		||||
            if (this.form.item_name == 'custom') {
 | 
			
		||||
                this.item_name_input = true;
 | 
			
		||||
                this.onSmallWidthColumn("item_name");
 | 
			
		||||
            } else {
 | 
			
		||||
                this.item_name_input = false;
 | 
			
		||||
                this.onFullWidthColumn("item_name");
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            if (this.form.price_name == 'custom') {
 | 
			
		||||
                this.price_name_input = true;
 | 
			
		||||
                this.onSmallWidthColumn("price_name");
 | 
			
		||||
            } else {
 | 
			
		||||
                this.price_name_input = false;
 | 
			
		||||
                this.onFullWidthColumn("price_name");
 | 
			
		||||
            }
 | 
			
		||||
 | 
			
		||||
            if (this.form.quantity_name == 'custom') {
 | 
			
		||||
                this.quantity_name_input = true;
 | 
			
		||||
                this.onSmallWidthColumn("quantity_name");
 | 
			
		||||
            } else {
 | 
			
		||||
                this.quantity_name_input = false;
 | 
			
		||||
                this.onFullWidthColumn("quantity_name");
 | 
			
		||||
            }
 | 
			
		||||
            
 | 
			
		||||
        },
 | 
			
		||||
 | 
			
		||||
        // Change currency get money
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user