From 95629d36e4727046847f975e7c063f4fb8ccdcc2 Mon Sep 17 00:00:00 2001
From: Methapon-Frappet <methapon@frappet.com>
Date: Tue, 16 Apr 2024 18:33:02 +0700
Subject: [PATCH] refactor: add more params

---
 src/components/app/AppBox.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/app/AppBox.vue b/src/components/app/AppBox.vue
index 3cb73114..c01675b3 100644
--- a/src/components/app/AppBox.vue
+++ b/src/components/app/AppBox.vue
@@ -1,5 +1,10 @@
 <script lang="ts" setup>
-defineProps<{ dark?: boolean; bordered?: boolean; shadowed?: boolean }>();
+defineProps<{
+  dark?: boolean;
+  bordered?: boolean;
+  shadowed?: boolean;
+  noPadding?: boolean;
+}>();
 </script>
 
 <template>
@@ -9,6 +14,7 @@ defineProps<{ dark?: boolean; bordered?: boolean; shadowed?: boolean }>();
       dark,
       'app-box__bordered': bordered,
       'app-box__shadowed': shadowed,
+      'app-box__no-padding': noPadding,
     }"
   >
     <slot />
@@ -23,6 +29,10 @@ defineProps<{ dark?: boolean; bordered?: boolean; shadowed?: boolean }>();
   padding: var(--size-4);
 }
 
+.app-box__no-padding {
+  padding: 0;
+}
+
 .app-box__shadowed {
   box-shadow: var(--shadow-3);
 }