blackteay/nova-admin
1
0
Fork 0
mirror of https://github.com/chansee97/nova-admin.git synced 2025-05-21 00:09:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: adjust style in tab bar

Browse Source
This commit is contained in:
chansee97 2025-04-30 16:15:01 +08:00
parent 27d081cb23
commit 0d7d851dd6
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,7 +1,7 @@
{
"name": "nova-admin",
"type": "module",
"version": "0.9.13",
"version": "0.9.14",
"private": true,
"description": "a clean and concise back-end management template based on Vue3, Vite5, Typescript, and Naive UI.",
"author": {

8
src/layouts/components/tab/TabBar.vue
View File

@ -18,7 +18,7 @@ const tabStore = useTabStore()
const { tabs } = storeToRefs(useTabStore())
const appStore = useAppStore()
const {scrollbar, onWheel } = useTabScroll(computed(() => tabStore.currentTabPath))
const { scrollbar, onWheel } = useTabScroll(computed(() => tabStore.currentTabPath))
const router = useRouter()
function handleTab(route: RouteLocationNormalized) {
@ -114,8 +114,8 @@ useDraggable(el, tabs, {
</script>
<template>
<n-scrollbar ref="scrollbar" class="relative flex tab-bar-scroller-wrapper" content-class="pr-34 tab-bar-scroller-content" :x-scrollable="true" @wheel="onWheel">
<div class="p-l-2 flex w-full relative">
<n-scrollbar ref="scrollbar" class="relative flex h-full tab-bar-scroller-wrapper" content-class="pr-34 tab-bar-scroller-content" :x-scrollable="true" @wheel="onWheel">
<div class="p-l-2 flex wh-full relative">
<div class="flex items-end">
<TabBarItem
v-for="item in tabStore.pinTabs" :key="item.fullPath" :value="tabStore.currentTabPath" :route="item"
@ -140,7 +140,7 @@ useDraggable(el, tabs, {
/>
</div>
</div>
<n-el class="absolute right-0 top-0 flex items-center gap-1 bg-[var(--base-color)] h-full">
<n-el class="absolute right-0 top-0 flex items-center gap-1 bg-[var(--card-color)] h-full">
<Reload />
<ContentFullScreen />
<DropTabs />