From efb6db8b0b21c3d5baa5ed64b589d154f9402479 Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Fri, 14 Jun 2024 00:59:21 +0200
Subject: [PATCH] Set border width for small box size

---
 src/components/Box.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Box.vue b/src/components/Box.vue
index 2ba2d5b..0e90a6b 100644
--- a/src/components/Box.vue
+++ b/src/components/Box.vue
@@ -6,7 +6,7 @@
             v-text="step"
             v-if="step"
         ></div>
-        <div class="flex flex-row items-center border-2 rounded form-group shadow-sm group" :class="[colors[type].container, type, sizes[size].container]">
+        <div class="flex flex-row items-center rounded form-group shadow-sm group" :class="[colors[type].container, type, sizes[size].container]">
             <div class="flex-grow text-sm" :class="colors[type].text">
                 <slot />
             </div>
@@ -37,10 +37,10 @@ const colors = ref({
 
 const sizes = ref({
     default: {
-        container: 'p-4',
+        container: 'p-4 border-2',
     },
     sm: {
-        container: 'p-2',
+        container: 'p-2 border',
     },
 });