chore(client): tweak ui

This commit is contained in:
syuilo 2022-06-30 19:19:54 +09:00
parent 324f5525b5
commit eac31eb323

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>