[improvement][headless-fe] Revised the interaction for semantic modeling routing and implemented the initial version of metric management switching.

webapp/packages/supersonic-fe/src/pages/SemanticModel/components/style.less

@@ -6,6 +6,7 @@
 
 
   .projectManger {
+    border-top: 1px solid #eee;
     width: 100%;
     min-height: calc(100vh - 56px);
     background-color: #fff;
@@ -163,8 +164,8 @@
     //   }
     // }
     .tab {
-      border-top: 1px solid #eee;
-      margin-top: 10px;
+
+      // margin-top: 10px;
       :global {
         .ant-tabs-tab-btn {
           font-size: 16px;
@@ -338,12 +339,14 @@
 
 .breadcrumb{
   font-size: 18px;
-  margin: 17px 0 0 20px;
-  padding-bottom: 3px;
+  height: 48px;
+  line-height: 48px;
+  padding: 0 20px;
   :global {
     .ant-breadcrumb-link {
       height: 28px;
       color: #709bf1;
+      cursor: pointer;
       &:hover{
         color: #296df3;
       }
@@ -351,6 +354,14 @@
     .anticon {
       font-size: 18px;
     }
+    li {
+      &:last-child {
+        .ant-breadcrumb-link {
+          color: #296df3;
+        }
+
+      }
+    }
   }
 }