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

Mod layout

This commit is contained in:
philipp lang 2024-06-14 01:49:40 +02:00
parent cd057cc52d
commit 335cfc8e9c
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Accordion.vue
View File

@ -1,10 +1,10 @@
<template>
<box size="sm" class="opacity-[0.8] hover:opacity-[1.0]" :type="type">
<a href="#" @click.prevent="emit('update:model-value', modelValue === index ? -1 : index)" class="flex items-center justify-between">
<box size="none" class="opacity-[0.8] hover:opacity-[1.0]" :type="type">
<a href="#" @click.prevent="emit('update:model-value', modelValue === index ? -1 : index)" class="flex items-center justify-between p-2">
<div v-text="title"></div>
<chevron :class="{'rotate-180': modelValue === index}" class="w-4 h-4"></chevron>
<chevron :class="{'rotate-180': modelValue === index}" class="w-3 h-3"></chevron>
</a>
<div v-if="modelValue === index">
<div v-if="modelValue === index" class="p-2 pt-0">
<slot />
</div>
</box>

3
src/components/Box.vue
View File

@ -42,6 +42,9 @@ const sizes = ref({
sm: {
container: 'p-2 border',
},
none: {
container: 'border',
},
});
const props = defineProps({