pref(componentCoding): 优化操作栏中git操作部分的渲染逻辑，调整操作栏的样式

src/pages/componentDevelopment/componentCoding/index.tsx

@@ -245,20 +245,24 @@ const ComponentCoding = () => {
       <div className={styles['code-iframe']}>
         <div className={styles['code-iframe-handle']}>
           <Space size={10} className={styles['code-iframe-handle-left']}>
-            <span className={styles['align']} onClick={gitPullHandler}>
+            {serverUrl && (
+              <>
+              <span className={styles['align']} onClick={gitPullHandler}>
               <img src={'/ideContainer/imgs/tongbu.svg'} style={{ width: 16, height: 16, marginRight: 5 }}
               />
               同步代码
             </span>
-            <span className={styles['align']} onClick={copyGitUrlHandler}>
+                <span className={styles['align']} onClick={copyGitUrlHandler}>
               <img src={'/ideContainer/imgs/git.svg'} style={{ width: 16, height: 16, marginRight: 5 }} />
               复制git地址
             </span>
-            <span className={styles['align']} onClick={() => setCommitModal(true)}>
+                <span className={styles['align']} onClick={() => setCommitModal(true)}>
               <img src={'/ideContainer/imgs/tijiao.svg'} style={{ width: 16, height: 16, marginRight: 5 }}
               />
               提交代码
             </span>
+              </>
+            )}
           </Space>
           <div className={styles['code-iframe-handle-right']} onClick={toggleFullscreen}>
             {isFullscreen ? (

src/pages/componentDevelopment/componentCoding/style/index.module.less

@@ -27,6 +27,7 @@
       border-top-right-radius: 7px;
 
       .code-iframe-handle-left {
+        min-height: 28px;
         color: #ffffff;
 
         .align {