refactor: remove css gap

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;
+      }
     }
   }
 }

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}

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;

web/tailwind.config.js

@@ -104,4 +104,7 @@ module.exports = {
     },
   },
   plugins: [tailchat],
+  corePlugins: {
+    gap: false,
+  },
 };