fix: use background to fix border issues between the elements (#1068)

This commit is contained in:
Stefan Dej 2022-09-11 18:46:58 +02:00 committed by GitHub
parent 4e8b6de72a
commit 175a90aae5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -141,13 +141,14 @@
ghost-class="ghost"
group="macros"
@change="updateMacroOrder">
<template v-for="(macro, index) in editGroupMacros">
<div :key="macro.name">
<v-row>
<v-col class="col-auto pr-0 d-flex">
<v-row
v-for="(macro, index) in editGroupMacros"
:key="macro.name"
class="dragable-item my-2 mx-0">
<v-col class="col-auto pr-0 d-flex py-2">
<v-icon class="handle">{{ mdiDragVertical }}</v-icon>
</v-col>
<v-col>
<v-col class="py-2">
<settings-row
:key="'groupMacro_macro_' + index"
:title="macro.name"
@ -201,11 +202,7 @@
:color="macro.showInPause ? '' : 'secondary'"
v-on="on"
@click="
updateMacroFromGroup(
macro,
'showInPause',
!macro.showInPause
)
updateMacroFromGroup(macro, 'showInPause', !macro.showInPause)
">
<v-icon small>{{ mdiPause }}</v-icon>
</v-btn>
@ -252,9 +249,6 @@
</settings-row>
</v-col>
</v-row>
<v-divider class="my-2"></v-divider>
</div>
</template>
</draggable>
</template>
<template v-else>
@ -553,3 +547,9 @@ export default class SettingsMacrosTabExpert extends Mixins(BaseMixin) {
}
}
</script>
<style scoped>
.dragable-item {
background-color: #282828;
}
</style>