From a60ff01c3a4fb3329e0ca054c51dd71473432346 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Wed, 8 Jan 2025 15:42:14 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E5=8A=A8=E6=80=81=E7=B1=BB=E5=90=8D(?=
 =?UTF-8?q?=E6=97=A0=E6=95=88)=E6=94=B9=E4=B8=BAstyle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/utils/render.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/web-antd/src/utils/render.tsx b/apps/web-antd/src/utils/render.tsx
index c1932893..d4e8ac2c 100644
--- a/apps/web-antd/src/utils/render.tsx
+++ b/apps/web-antd/src/utils/render.tsx
@@ -52,7 +52,10 @@ function renderTag(text: string, color?: string) {
  */
 export function renderTags(tags: string[], wrap = false, gap = 1) {
   return (
-    <div class={['flex', `gap-${gap}`, wrap ? 'flex-col' : 'flex-row']}>
+    <div
+      class={['flex', wrap ? 'flex-col' : 'flex-row']}
+      style={{ gap: `${gap}px` }}
+    >
       {tags.map((tag, index) => {
         return <div key={index}>{renderTag(tag)}</div>;
       })}
@@ -135,7 +138,10 @@ export function renderDictTags(
     return <div>{value}</div>;
   }
   return (
-    <div class={['flex', `gap-${gap}`, wrap ? 'flex-col' : 'flex-row']}>
+    <div
+      class={['flex', wrap ? 'flex-col' : 'flex-row']}
+      style={{ gap: `${gap}px` }}
+    >
       {value.map((item, index) => {
         return <div key={index}>{renderDictTag(item, dicts)}</div>;
       })}