style(布局): 页面顶部布局调整

frontend/src/components/business/ms-top-menu/index.vue

@@ -139,11 +139,13 @@
 <style lang="less" scoped>
   :deep(.arco-menu-inner) {
     overflow-y: hidden;
-    padding: 12px 16px 12px 8px;
+    padding: 12px 16px 12px 0;
     .arco-menu-item {
       @apply !bg-transparent;
-      &:not(:first-child) {
-        margin-left: 8px;
+
+      margin-left: 8px;
+      &:nth-child(2) {
+        margin-left: 0;
       }
       &:hover {
         color: rgb(var(--primary-4));

frontend/src/components/pure/navbar/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="navbar">
-    <div class="flex items-center px-[16px]">
+    <div class="flex w-[200px] items-center px-[16px]">
       <a-space>
         <div class="one-line-text flex max-w-[145px] items-center">
           <img :src="props.logo" class="mr-[4px] h-[34px] w-[32px]" />
@@ -16,7 +16,7 @@
       <template v-if="showProjectSelect">
         <a-select
           v-model:model-value="appStore.currentProjectId"
-          class="w-[200px] focus-within:!bg-[var(--color-text-n8)] hover:!bg-[var(--color-text-n8)]"
+          class="mr-[8px] w-[200px] focus-within:!bg-[var(--color-text-n8)] hover:!bg-[var(--color-text-n8)]"
           :bordered="false"
           :fallback-option="false"
           allow-search