chore(client): tweak ui

This commit is contained in:
syuilo 2022-06-30 19:19:54 +09:00 committed by Johann150
parent 6a7e016a8e
commit 09e0446708
Signed by untrusted user: Johann150
GPG key ID: 9EE6577A2A06F8F1

View file

@ -19,7 +19,9 @@
<div class="customize-container"> <div class="customize-container">
<button class="config _button" @click.prevent.stop="configWidget(element.id)"><i class="fas fa-cog"></i></button> <button class="config _button" @click.prevent.stop="configWidget(element.id)"><i class="fas fa-cog"></i></button>
<button class="remove _button" @click.prevent.stop="removeWidget(element)"><i class="fas fa-times"></i></button> <button class="remove _button" @click.prevent.stop="removeWidget(element)"><i class="fas fa-times"></i></button>
<component :is="`mkw-${element.name}`" :ref="el => widgetRefs[element.id] = el" class="handle" :widget="element" @updateProps="updateWidget(element.id, $event)"/> <div class="handle">
<component :is="`mkw-${element.name}`" :ref="el => widgetRefs[element.id] = el" class="widget" :widget="element" @updateProps="updateWidget(element.id, $event)"/>
</div>
</div> </div>
</template> </template>
</XDraggable> </XDraggable>
@ -141,6 +143,12 @@ export default defineComponent({
> .remove { > .remove {
right: 8px; right: 8px;
} }
> .handle {
> .widget {
pointer-events: none;
}
}
} }
} }
</style> </style>