mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-12-09 14:40:27 +08:00
perf: 优化页签风格为谷歌模式下的布局和样式 (#1245)
This commit is contained in:
@@ -321,10 +321,9 @@
|
||||
|
||||
.chrome-tab-divider {
|
||||
position: absolute;
|
||||
right: 7px;
|
||||
left: 7px;
|
||||
width: 1px;
|
||||
height: 14px;
|
||||
background-color: #2b2d2f;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user