From 2a9550551445f0d2159d4c57df3ce95decaaac37 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sun, 20 Feb 2022 21:28:48 +0800
Subject: [PATCH] refactor: remove css gap

---
 .../com.msgbyte.genshin/src/GenshinPanel/index.less        | 7 +++++--
 .../ChatBox/ChatMessageList/useMessageReactions.tsx        | 2 +-
 web/src/components/Emoji/Picker.less                       | 2 +-
 web/tailwind.config.js                                     | 3 +++
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/web/plugins/com.msgbyte.genshin/src/GenshinPanel/index.less b/web/plugins/com.msgbyte.genshin/src/GenshinPanel/index.less
index 1bf6459a..d90327bf 100644
--- a/web/plugins/com.msgbyte.genshin/src/GenshinPanel/index.less
+++ b/web/plugins/com.msgbyte.genshin/src/GenshinPanel/index.less
@@ -13,11 +13,14 @@
   .gacha-pool {
     display: flex;
     flex-direction: column;
-    gap: 10px;
 
     > div {
       display: flex;
-      gap: 10px;
+      margin-bottom: 10px;
+
+      > div {
+        margin-right: 10px;
+      }
     }
   }
 }
diff --git a/web/src/components/ChatBox/ChatMessageList/useMessageReactions.tsx b/web/src/components/ChatBox/ChatMessageList/useMessageReactions.tsx
index 01d4e383..7192f9b3 100644
--- a/web/src/components/ChatBox/ChatMessageList/useMessageReactions.tsx
+++ b/web/src/components/ChatBox/ChatMessageList/useMessageReactions.tsx
@@ -81,7 +81,7 @@ export function useMessageReactions(payload: ChatMessage) {
   );
 
   return (
-    <div className="flex chat-message-reactions gap-1 py-0.5">
+    <div className="flex chat-message-reactions space-x-1 py-0.5">
       {groupedReactions.map((reaction) => (
         <ReactionItem
           key={reaction.name}
diff --git a/web/src/components/Emoji/Picker.less b/web/src/components/Emoji/Picker.less
index 86012ee6..6ef0105c 100644
--- a/web/src/components/Emoji/Picker.less
+++ b/web/src/components/Emoji/Picker.less
@@ -1,7 +1,7 @@
 .emoji-picker {
   .emoji-mart-anchors {
     justify-content: flex-start;
-    gap: 6px;
+    @apply space-x-1;
 
     .emoji-mart-anchor {
       flex: initial;
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index 3cf0d6fb..6cafe220 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -104,4 +104,7 @@ module.exports = {
     },
   },
   plugins: [tailchat],
+  corePlugins: {
+    gap: false,
+  },
 };