CreatBot/CreatBotMainsail
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
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
1 changed files with 113 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/settings/SettingsMacrosTabExpert.vue
View File

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