From 0d110b154fc688b299572a3c08133f02d03ebf9c Mon Sep 17 00:00:00 2001
From: baiqi <qi.bai@fit2cloud.com>
Date: Wed, 14 Aug 2024 16:06:36 +0800
Subject: [PATCH] =?UTF-8?q?style(=E5=B8=83=E5=B1=80):=20=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E9=A1=B6=E9=83=A8=E5=B8=83=E5=B1=80=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/business/ms-top-menu/index.vue | 8 +++++---
 frontend/src/components/pure/navbar/index.vue          | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/business/ms-top-menu/index.vue b/frontend/src/components/business/ms-top-menu/index.vue
index 7d79bc667c..916130cd80 100644
--- a/frontend/src/components/business/ms-top-menu/index.vue
+++ b/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));
diff --git a/frontend/src/components/pure/navbar/index.vue b/frontend/src/components/pure/navbar/index.vue
index 67c56c6c05..c456f87607 100644
--- a/frontend/src/components/pure/navbar/index.vue
+++ b/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