From 89f5489e865898a231535562e5134be34c42476d Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Wed, 14 Jun 2023 23:19:46 +0200
Subject: [PATCH] Fix height of MultipleSelect

---
 resources/js/components/form/Multipleselect.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/form/Multipleselect.vue b/resources/js/components/form/Multipleselect.vue
index 09cb67f5..28270011 100644
--- a/resources/js/components/form/Multipleselect.vue
+++ b/resources/js/components/form/Multipleselect.vue
@@ -10,7 +10,7 @@
                 class="flex items-center border-gray-600 text-gray-300 leading-none border-solid bg-gray-700 w-full appearance-none outline-none rounded-lg size-sm text-xs px-1 border pr-6"
                 v-text="`${value.length} Einträge ausgewählt`"
             ></div>
-            <div v-show="visible" class="absolute w-[max-content] z-30 h-[31rem] overflow-auto shadow-lg bg-gray-600 border border-gray-500 rounded-lg p-2 top-7">
+            <div v-show="visible" class="absolute w-[max-content] z-30 max-h-[31rem] overflow-auto shadow-lg bg-gray-600 border border-gray-500 rounded-lg p-2 top-7">
                 <div v-for="(option, index) in parsedOptions" class="flex items-center space-x-2" :key="index">
                     <f-switch :id="`${id}-${index}`" size="sm" :items="value.includes(option.id)" :value="option.id" @input="trigger(option, $event)"></f-switch>
                     <div class="text-sm text-gray-200" v-text="option.name"></div>