fix: add to channel group modal is not scrollable

This commit is contained in:
Bnyro 2023-10-27 16:18:18 +02:00
parent 77e4245eb5
commit 77a01740aa

View File

@ -1,16 +1,18 @@
<template> <template>
<ModalComponent @close="$emit('close')"> <ModalComponent @close="$emit('close')">
<span v-t="'actions.add_to_group'" class="mb-3 inline-block w-max text-2xl" /> <div class="h-[80vh] overflow-y-scroll pr-4">
<div v-for="(group, index) in channelGroups" :key="group.groupName" class="px-1"> <span v-t="'actions.add_to_group'" class="mb-3 inline-block w-max text-2xl" />
<div class="flex items-center justify-between"> <div v-for="(group, index) in channelGroups" :key="group.groupName" class="px-1">
<span>{{ group.groupName }}</span> <div class="flex items-center justify-between">
<input <span>{{ group.groupName }}</span>
type="checkbox" <input
:checked="group.channels.includes(channelId)" type="checkbox"
@change="onCheckedChange(index, group)" :checked="group.channels.includes(channelId)"
/> @change="onCheckedChange(index, group)"
/>
</div>
<hr class="h-1 w-full" />
</div> </div>
<hr class="h-1 w-full" />
</div> </div>
</ModalComponent> </ModalComponent>
</template> </template>