feat(Layout): Add topLeft layout

src/styles/common.less

@@ -0,0 +1,25 @@
+.hover-tigger {
+  @apply flex h-full pt-1px px-10px cursor-pointer items-center;
+  transition: background var(--transition-time-02);
+  &:hover {
+    background-color: var(--top-header-hover-color);
+  }
+}
+
+.border-bottom {
+  @apply relative;
+  &:after {
+    content: '';
+    border-top: 1px solid var(--top-tool-border-color);
+    @apply absolute bottom-0 left-0 w-full h-1px;
+  }
+}
+
+.border-top {
+  @apply relative;
+  &:before {
+    content: '';
+    border-top: 1px solid var(--top-tool-border-color);
+    @apply absolute top-0 left-0 w-full h-1px;
+  }
+}

src/styles/index.less

@@ -1 +1,2 @@
 @import './var.css';
+@import './common.less';

src/styles/var.css

@@ -30,13 +30,19 @@
   /* logo end */
 
   /* header start */
+  --top-header-bg-color: '#fff';
+
+  --top-header-text-color: 'inherit';
+
+  --top-header-hover-color: #f6f6f6;
+
   --top-tool-height: var(--logo-height);
 
   --top-tool-p-x: 0;
 
   --top-tool-border-color: #eee;
 
-  --tags-view-height: 40px;
+  --tags-view-height: 35px;
   /* header start */
 
   --app-content-padding: 20px;