样式调整

components/ChatInputBox/ChatInputBox.tsx

@@ -185,7 +185,7 @@ const RenderTemplateStoryMode = ({
           <div className="flex-1 flex flex-col">
             <h2
               data-alt="template-title"
-              className="text-2xl font-bold text-white mb-4"
+              className="text-2xl font-bold text-white mb-2"
             >
               {selectedTemplate.name}
             </h2>
@@ -492,23 +492,23 @@ const RenderTemplateStoryMode = ({
         }}
         footer={null}
         width="60%"
+        closable={false}
         style={{ maxWidth: "800px", marginTop: "0vh" }}
         className="photo-story-modal !pb-0 rounded-lg bg-white/[0.08] backdrop-blur-[20px] [&_.ant-modal-content]:bg-white/[0.00]"
-        closeIcon={
-          <div className="w-6 h-6 bg-white/10 rounded-full flex items-center justify-center hover:bg-white/20 transition-colors">
-            <span className="text-white/70 text-lg leading-none flex items-center justify-center">
-              ×
-            </span>
-          </div>
-        }
       >
         <GlobalLoad show={isLoading} progress={0}>
           <div className="rounded-2xl min-h-min transition-all duration-700 ease-out">
             {/* 弹窗头部 */}
-            <div className="flex gap-4 px-4 pb-2 border-b border-white/[0.1]">
+            <div className="flex items-center justify-between px-4 pb-6 border-b border-white/[0.1]">
               <h2 className="text-2xl font-bold text-white">
                 Template Story Selection
               </h2>
+              <button
+                onClick={onClose}
+                className="w-6 h-6 bg-white/10 rounded-full flex items-center justify-center hover:bg-white/20 transition-colors"
+              >
+                <span className="text-white/70 text-lg leading-none">×</span>
+              </button>
             </div>
 
             <div className="flex gap-4 pb-8 ">