github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-04-25 03:00:53 -04:00
Code Issues Packages Projects Releases Wiki Activity

Tweak spacing of checkboxes tree

Browse Source
This commit is contained in:
rijkvanzanten
2021-06-22 17:21:41 -04:00
parent bdbd63bb5c
commit f53572335a
1 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/src/interfaces/select-multiple-checkbox-tree/select-multiple-checkbox-tree.vue
View File

@@ -1,14 +1,16 @@
<template>
<div class="select-multiple-checkbox-tree">
<v-input v-model="search" type="text" :placeholder="t('search')">
<template #prepend>
<v-icon name="search" />
</template>
<div class="search">
<v-input class="input" v-model="search" type="text" :placeholder="t('search')">
<template #prepend>
<v-icon name="search" />
</template>
<template #append v-if="search">
<v-icon name="clear" clickable @click="search = ''" />
</template>
</v-input>
<template #append v-if="search">
<v-icon name="clear" clickable @click="search = ''" />
</template>
</v-input>
</div>
<v-checkbox-tree
@update:model-value="$emit('input', $event)"
@@ -62,8 +64,12 @@ export default defineComponent({
<style scoped>
.select-multiple-checkbox-tree {
padding: 8px;
border: var(--border-width) solid var(--border-normal);
border-radius: var(--border-radius);
}
.search {
padding: 10px;
padding-bottom: 0;
}
</style>