perf: setting optimization

frontend/src/locales/en.json

@@ -107,7 +107,9 @@
     "mime_map": "Intercept Rules",
     "mime_map_tip": "JSON format, keep default if unsure, please restart software after modification",
     "port_format_error": "port format error",
-    "host_format_error": "host format error"
+    "host_format_error": "host format error",
+    "basic_setting": "Basic Setting",
+    "advanced_setting": "Advanced Setting"
   },
   "footer": {
     "title": "About Us",

frontend/src/locales/zh.json

@@ -107,7 +107,9 @@
     "mime_map": "拦截规则",
     "mime_map_tip": "json格式，如果不清楚保持默认就行，修改后请重启软件",
     "port_format_error": "port 格式错误",
-    "host_format_error": "host 格式错误"
+    "host_format_error": "host 格式错误",
+    "basic_setting": "基础设置",
+    "advanced_setting": "高级设置"
   },
   "footer": {
     "title": "关于我们",

frontend/src/views/setting.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="h-full relative p-5 overflow-y-auto [&::-webkit-scrollbar]:hidden" :key="renderKey">
     <NTabs type="line" animated>
-      <NTabPane name="basic" tab="基础设置">
+      <NTabPane name="basic" :tab="t('setting.basic_setting')">
         <NForm
           :model="formValue"
           size="medium"
@@ -67,7 +67,7 @@
         </NForm>
       </NTabPane>
 
-      <NTabPane name="advanced" tab="高级设置">
+      <NTabPane name="advanced" :tab="t('setting.advanced_setting')">
         <NForm
           :model="formValue"
           size="medium"
@@ -269,4 +269,10 @@ const selectDir = () => {
     window?.$message?.error(err)
   })
 }
-</script>
+</script>
+<style lang="scss">
+.n-tabs-nav--top{
+  @apply sticky top-0 z-10;
+  background-color: var(--n-color);
+}
+</style>