From 0c0961dac4239d8aca0273f1975a9929359f2efe Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Thu, 11 Jul 2024 22:43:38 +0200
Subject: [PATCH] Fix mobile slide

---
 src/EventForm.ce.vue | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/src/EventForm.ce.vue b/src/EventForm.ce.vue
index af658ac..7cb4399 100644
--- a/src/EventForm.ce.vue
+++ b/src/EventForm.ce.vue
@@ -57,18 +57,12 @@
                             <path d="M 4.95,6.364 5.657,7.071 11.314,1.414 9.9,0 5.657,4.242 1.414,0 0,1.414 Z" />
                         </svg>
                     </a>
-                    <div class="overflow-hidden">
+                    <div class="overflow-hidden grow">
                         <carousel :touch-drag="false" :mouse-drag="false" v-model="active">
-                            <slide v-for="(section, index) in v.sections" :key="index" class="relative flex flex-no-wrap overflow-hidden">
-                                <div class="flex-none w-full">
-                                    <div
-                                        href="#"
-                                        class="flex flex-col @md:flex-row items-center justify-center @md:justify-start px-2 flex-auto @md:pl-6 h-12 @md:h-16 transition duration-300 relative"
-                                        @click="active = index"
-                                    >
-                                        <span class="flex items-center justify-center w-4 @md:w-6 h-4 @md:h-6 rounded-full bg-circle text-font transition duration-300" v-html="index + 1"></span>
-                                        <span class="text-sm text-font" v-html="section.name"></span>
-                                    </div>
+                            <slide v-for="(section, index) in v.sections" :key="index">
+                                <div v-if="active === index" class="w-full flex-none px-2 flex flex-col items-center justify-center h-12" @click="active = index">
+                                    <span class="flex items-center justify-center w-4 h-4 rounded-full bg-circle text-font transition duration-300" v-html="index + 1"></span>
+                                    <span class="text-sm text-font" v-html="section.name"></span>
                                 </div>
                             </slide>
                         </carousel>