1
0
mirror of https://github.com/typemill/typemill.git synced 2025-07-31 19:30:40 +02:00

V2.12.0 fix error open close for safari

This commit is contained in:
trendschau
2024-12-12 14:42:24 +01:00
parent 3a8b8ab3d2
commit 03e8bdfe0b

View File

@@ -87,7 +87,10 @@ const app = Vue.createApp({
</div>
<div v-for="(fieldDefinition, fieldname) in theme.forms.fields">
<fieldset class="flex flex-wrap justify-between border-2 border-stone-200 p-4 my-8" v-if="fieldDefinition.type == 'fieldset'" :class="{ 'open': isOpen(fieldname) }">
<legend @click="toggleAccordion(fieldname)" class="float-left w-full py-2 text-lg font-medium cursor-pointer">{{ fieldDefinition.legend }} <span class="mt-2 float-right h-0 w-0 border-x-8 border-x-transparent" :class="isOpen(fieldname) ? 'border-b-8 border-b-black' : 'border-t-8 border-t-black'"></span></legend>
<div @click="toggleAccordion(fieldname)" class="flex justify-between w-full py-2 text-lg font-medium cursor-pointer">
<h3>{{ fieldDefinition.legend }}</h3>
<span class="mt-2 h-0 w-0 border-x-8 border-x-transparent" :class="isOpen(fieldname) ? 'border-b-8 border-b-black' : 'border-t-8 border-t-black'"></span>
</div>
<transition name="accordion">
<div v-if="isOpen(fieldname)" class="w-full accordion-content flex flex-wrap justify-between">
<component v-for="(subfieldDefinition, subfieldname) in fieldDefinition.fields"