style: 样式修改 (#1934)

* style: 样式修改 * 还原
yaklang · Aug 23, 2024 · e36df0c · e36df0c
1 parent 54b822d
commit e36df0c
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 35 deletions.
diff --git a/app/renderer/src/main/src/pages/mitm/MITMPage.module.scss b/app/renderer/src/main/src/pages/mitm/MITMPage.module.scss
@@ -85,6 +85,7 @@
         display: flex;
         align-items: center;
         margin-right: 16px;
+        flex-shrink: 0;
         .mitm-plugin-list-check-text {
             margin-left: 4px;
             font-size: 12px;

diff --git a/app/renderer/src/main/src/pages/mitm/MITMPage.tsx b/app/renderer/src/main/src/pages/mitm/MITMPage.tsx
@@ -870,7 +870,7 @@ export const MITMServer: React.FC<MITMServerProps> = React.memo((props) => {
             )}
             lineStyle={{display: isFullScreenSecondNode || isFullScreenFirstNode ? "none" : ""}}
             firstMinSize={openTabsFlag ? "400px" : "24px"}
-            secondMinSize={620}
+            secondMinSize={720}
             secondNode={() => (
                 <div
                     className={style["mitm-server-start-pre-second"]}

diff --git a/app/renderer/src/main/src/pages/mitm/MITMServerHijacking/MITMLog.tsx b/app/renderer/src/main/src/pages/mitm/MITMServerHijacking/MITMLog.tsx
@@ -81,41 +81,43 @@ export const MITMLogHeardExtra: React.FC<MITMLogHeardExtraProps> = React.memo((p
                     </YakitCheckableTag>
                 ))}
             </div>
-            <YakitDropdownMenu
-                menu={{
-                    data: [
-                        {
-                            key: "resetId",
-                            label: "重置请求 ID"
-                        },
-                        {
-                            key: "noResetId",
-                            label: "不重置请求 ID"
-                        }
-                    ],
-                    onClick: ({key}) => {
-                        switch (key) {
-                            case "resetId":
-                                cleanMitmLogTableData({DeleteAll: true})
-                                break
-                            case "noResetId":
-                                cleanMitmLogTableData({Filter: {}, DeleteAll: false})
-                                break
-                            default:
-                                break
+            <div className={styles["mitm-log-heard-right"]}>
+                <YakitDropdownMenu
+                    menu={{
+                        data: [
+                            {
+                                key: "resetId",
+                                label: "重置请求 ID"
+                            },
+                            {
+                                key: "noResetId",
+                                label: "不重置请求 ID"
+                            }
+                        ],
+                        onClick: ({key}) => {
+                            switch (key) {
+                                case "resetId":
+                                    cleanMitmLogTableData({DeleteAll: true})
+                                    break
+                                case "noResetId":
+                                    cleanMitmLogTableData({Filter: {}, DeleteAll: false})
+                                    break
+                                default:
+                                    break
+                            }
                         }
-                    }
-                }}
-                dropdown={{
-                    trigger: ["click"],
-                    placement: "bottom"
-                }}
-            >
-                <YakitButton type='outline1' colors='danger'>
-                    清空
-                </YakitButton>
-            </YakitDropdownMenu>
-            <HTTPFlowShield shieldData={shieldData} cancleFilter={cancleFilter} />
+                    }}
+                    dropdown={{
+                        trigger: ["click"],
+                        placement: "bottom"
+                    }}
+                >
+                    <YakitButton type='outline1' colors='danger'>
+                        清空
+                    </YakitButton>
+                </YakitDropdownMenu>
+                <HTTPFlowShield shieldData={shieldData} cancleFilter={cancleFilter} />
+            </div>
         </div>
     )
 })
diff --git a/app/renderer/src/main/src/pages/mitm/MITMServerHijacking/MITMServerHijacking.module.scss b/app/renderer/src/main/src/pages/mitm/MITMServerHijacking/MITMServerHijacking.module.scss
@@ -183,6 +183,11 @@
     align-items: center;
     justify-content: space-between;
     flex: 1;
+    &-right {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
 }
 
 .mitm-log {