From c65a25ed2a54c2ee9d52658873c3608eab906fa4 Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Wed, 3 Jul 2024 17:17:44 +0200
Subject: [PATCH] Fix: Switch input should not be invisible

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

diff --git a/resources/js/components/form/Switch.vue b/resources/js/components/form/Switch.vue
index 629e2ed7..46f557bb 100644
--- a/resources/js/components/form/Switch.vue
+++ b/resources/js/components/form/Switch.vue
@@ -2,7 +2,7 @@
     <label class="flex flex-col items-start group" :for="id" :class="sizeClass(size)">
         <f-label v-if="label" :required="false" :value="label"></f-label>
         <span class="relative flex-none flex" :class="{'pr-8': hint, [fieldHeight]: true}">
-            <input :id="id" v-model="v" type="checkbox" :name="name" :value="value" :disabled="disabled" class="absolute peer invisible" @keypress="$emit('keypress', $event)" />
+            <input :id="id" v-model="v" type="checkbox" :name="name" :value="value" :disabled="disabled" class="absolute peer opacity-0" @keypress="$emit('keypress', $event)" />
             <span
                 class="relative cursor-pointer h-full rounded peer-focus:bg-red-500 transition-all duration-300 group-[.field-base]:w-[70px] group-[.field-sm]:w-[46px] bg-gray-700 peer-checked:bg-primary-700"
             ></span>