perf: 优化页签风格为谷歌模式下的布局和样式 (#1245)

Author: SoulEater

src/layout/components/lay-tag/index.scss

@@ -321,10 +321,9 @@
 
   .chrome-tab-divider {
     position: absolute;
-    right: 7px;
+    left: 7px;
     width: 1px;
     height: 14px;
-    background-color: #2b2d2f;
   }
 
   &:hover {

src/layout/components/lay-tag/index.vue

@@ -618,6 +618,10 @@ onBeforeUnmount(() => {
             />
           </template>
           <div v-else class="chrome-tab">
+            <span
+              v-if="index !== 0 && index !== activeIndex"
+              class="chrome-tab-divider bg-[#e2e2e2] dark:bg-[#2d2d2d]"
+            />
             <div class="chrome-tab__bg">
               <TagChrome />
             </div>
@@ -631,7 +635,6 @@ onBeforeUnmount(() => {
             >
               <IconifyIconOffline :icon="Close" />
             </span>
-            <span class="chrome-tab-divider" />
           </div>
         </div>
       </div>