From 0484dd4fc2dad86f4b1c7e2fc17c682e40da9135 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Thu, 29 Jul 2021 17:52:55 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=8C=BA=E5=88=86=E5=88=9B=E5=BB=BA?=
 =?UTF-8?q?=E7=BE=A4=E7=BB=84=E6=97=B6=E7=9A=84=E6=A8=A1=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/modals/CreateGroup.tsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/web/src/components/modals/CreateGroup.tsx b/web/src/components/modals/CreateGroup.tsx
index c329b363..e78cb191 100644
--- a/web/src/components/modals/CreateGroup.tsx
+++ b/web/src/components/modals/CreateGroup.tsx
@@ -106,14 +106,18 @@ export const ModalCreateGroup: React.FC = React.memo(() => {
           </Typography.Paragraph>
 
           <div className="space-y-2.5">
-            {panelTemplate.map((template) => (
-              <div
-                key={template.key}
-                className="w-full border rounded text-base py-2 px-3 cursor-pointer font-bold hover:bg-white hover:bg-opacity-10"
-                onClick={() => handleSelectTemplate(template.panels)}
-              >
-                {template.label}
-              </div>
+            {panelTemplate.map((template, index) => (
+              <>
+                {/* Hardcode: 将第一个模板与之后的模板区分开 */}
+                {index === 1 && <Divider />}
+                <div
+                  key={template.key}
+                  className="w-full border rounded text-base py-2 px-3 cursor-pointer font-bold hover:bg-white hover:bg-opacity-10"
+                  onClick={() => handleSelectTemplate(template.panels)}
+                >
+                  {template.label}
+                </div>
+              </>
             ))}
           </div>
         </div>