From 335cfc8e9cc184c619a3b4259f66a6748d8a2300 Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Fri, 14 Jun 2024 01:49:40 +0200
Subject: [PATCH] Mod layout

---
 src/components/Accordion.vue | 8 ++++----
 src/components/Box.vue       | 3 +++
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/Accordion.vue b/src/components/Accordion.vue
index fb538ca..7c0a54a 100644
--- a/src/components/Accordion.vue
+++ b/src/components/Accordion.vue
@@ -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>
diff --git a/src/components/Box.vue b/src/components/Box.vue
index 0e90a6b..a37586a 100644
--- a/src/components/Box.vue
+++ b/src/components/Box.vue
@@ -42,6 +42,9 @@ const sizes = ref({
     sm: {
         container: 'p-2 border',
     },
+    none: {
+        container: 'border',
+    },
 });
 
 const props = defineProps({