style: 区分创建群组时的模板

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) => (
+            {panelTemplate.map((template, index) => (
-              <div
+              <>
-                key={template.key}
+                {/* Hardcode: 将第一个模板与之后的模板区分开 */}
-                className="w-full border rounded text-base py-2 px-3 cursor-pointer font-bold hover:bg-white hover:bg-opacity-10"
+                {index === 1 && <Divider />}
-                onClick={() => handleSelectTemplate(template.panels)}
+                <div
-              >
+                  key={template.key}
-                {template.label}
+                  className="w-full border rounded text-base py-2 px-3 cursor-pointer font-bold hover:bg-white hover:bg-opacity-10"
-              </div>
+                  onClick={() => handleSelectTemplate(template.panels)}
+                >
+                  {template.label}
+                </div>
+              </>
             ))}
           </div>
         </div>