From 9dab7e782ed2c2713620a6fc34d7b049b7b0fdc0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Preu=C3=9F?= <rene@preuss.io>
Date: Sun, 19 Feb 2023 22:34:19 +0100
Subject: [PATCH] Responsiveness and colors

---
 src/runtime/components/BitinflowButton.vue         | 2 +-
 src/runtime/components/BitinflowSelectBoxGroup.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/BitinflowButton.vue b/src/runtime/components/BitinflowButton.vue
index 97c6707..e0a71da 100644
--- a/src/runtime/components/BitinflowButton.vue
+++ b/src/runtime/components/BitinflowButton.vue
@@ -76,7 +76,7 @@ export default {
   @apply bg-primary-500 hover:bg-primary-400 dark:bg-primary-500 dark:hover:bg-primary-600 text-black dark:text-white;
 }
 .base-solid {
-  @apply hover:bg-zinc-100 dark:bg-base-700 dark:hover:bg-base-600 text-black dark:text-white;
+  @apply bg-white hover:bg-zinc-100 dark:bg-base-700 dark:hover:bg-base-600 text-black dark:text-white;
 }
 .danger-solid {
   @apply bg-rose-600 hover:bg-rose-400 dark:bg-rose-500 dark:hover:bg-rose-600 text-black dark:text-white;
diff --git a/src/runtime/components/BitinflowSelectBoxGroup.vue b/src/runtime/components/BitinflowSelectBoxGroup.vue
index 77a0fd1..9a2251f 100644
--- a/src/runtime/components/BitinflowSelectBoxGroup.vue
+++ b/src/runtime/components/BitinflowSelectBoxGroup.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="grid grid-cols-5 gap-4 text-center">
+  <div class="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-5 gap-4 text-center">
     <slot />
   </div>
 </template>