now its kinda working better

This commit is contained in:
AndzejsP
2023-06-13 13:17:14 +03:00
parent 08cf1c3d8b
commit b90923979e
2 changed files with 36 additions and 11 deletions

View File

@ -16,12 +16,22 @@
<!-- ADVANCED OPTIONS - NOT IMPLEMENTED -->
<div class="flex-none">
<!-- -->
<div class="flex items-center mb-4" @click.stop>
<!-- CHECKBOX MOUNTED -->
<button type="button" @click.stop="toggleMounted"
class="inline-flex items-center px-5 py-2.5 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
{{isMounted ? 'Unmount':'Mount'}}
<span
class="inline-flex items-center justify-center w-4 h-4 ml-2 text-xs font-semibold text-blue-800 bg-blue-200 rounded-full">
<input disabled id="default-checkbox" type="checkbox" v-model="isMounted" @change.stop="toggleMounted"
class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
</span>
</button>
<!-- <div class="flex items-center mb-4" @click.stop title="Click to mount/unmount">
<input id="default-checkbox" type="checkbox" v-model="isMounted" @change.stop="toggleMounted"
class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
<label for="default-checkbox" class="ml-2 text-sm font-medium">Mounted</label>
</div>
</div> -->
</div>
@ -68,16 +78,16 @@ export default {
onSelected: Function,
selected: Boolean,
onMounted: Function,
},
data() {
return {
isMounted:false
isMounted: false
};
},
mounted() {
this.isMounted=this.personality.isMounted
this.isMounted = this.personality.isMounted
nextTick(() => {
feather.replace()