silva
/
adrema-form
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add documentation for EventForm sections

This commit is contained in:
philipp lang 2026-05-05 00:46:18 +02:00
parent b40c970b6f
commit 202da1ec47
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/EventForm.ce.vue
View File

@ -2,6 +2,7 @@
<div> <div>
<form ref="eventForm" v-if="loaded" novalidate @submit.prevent="submit"> <form ref="eventForm" v-if="loaded" novalidate @submit.prevent="submit">
<div v-if="finished === false" class="bg-white @container rounded-lg shadow-lg"> <div v-if="finished === false" class="bg-white @container rounded-lg shadow-lg">
<!-- section list - desktop; with vertical arrows -->
<div class="sticky top-0 z-10 hidden @sm:flex overflow-hidden rounded-t-lg h-12 @md:h-16"> <div class="sticky top-0 z-10 hidden @sm:flex overflow-hidden rounded-t-lg h-12 @md:h-16">
<template v-for="(section, index) in v.sections"> <template v-for="(section, index) in v.sections">
<a <a
@ -46,6 +47,8 @@
</a> </a>
</div> </div>
</div> </div>
<!-- section list - mobile; display just the current section -->
<div class="flex items-center justify-between px-4 overflow-hidden rounded-t-lg @sm:hidden bg-secondary"> <div class="flex items-center justify-between px-4 overflow-hidden rounded-t-lg @sm:hidden bg-secondary">
<a <a
href="#" href="#"
@ -79,6 +82,7 @@
</a> </a>
</div> </div>
<!-- form fields list -->
<div class="py-4 @xs:py-8"> <div class="py-4 @xs:py-8">
<carousel :touch-drag="false" :mouse-drag="false" v-model="active"> <carousel :touch-drag="false" :mouse-drag="false" v-model="active">
<slide v-for="(section, index) in v.sections" :key="index"> <slide v-for="(section, index) in v.sections" :key="index">