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", "name": "nova-admin",
"type": "module", "type": "module",
"version": "0.9.13", "version": "0.9.14",
"private": true, "private": true,
"description": "a clean and concise back-end management template based on Vue3, Vite5, Typescript, and Naive UI.", "description": "a clean and concise back-end management template based on Vue3, Vite5, Typescript, and Naive UI.",
"author": { "author": {

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

@ -18,7 +18,7 @@ const tabStore = useTabStore()
const { tabs } = storeToRefs(useTabStore()) const { tabs } = storeToRefs(useTabStore())
const appStore = useAppStore() const appStore = useAppStore()
const {scrollbar, onWheel } = useTabScroll(computed(() => tabStore.currentTabPath)) const { scrollbar, onWheel } = useTabScroll(computed(() => tabStore.currentTabPath))
const router = useRouter() const router = useRouter()
function handleTab(route: RouteLocationNormalized) { function handleTab(route: RouteLocationNormalized) {
@ -114,8 +114,8 @@ useDraggable(el, tabs, {
</script> </script>
<template> <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"> <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 w-full relative"> <div class="p-l-2 flex wh-full relative">
<div class="flex items-end"> <div class="flex items-end">
<TabBarItem <TabBarItem
v-for="item in tabStore.pinTabs" :key="item.fullPath" :value="tabStore.currentTabPath" :route="item" v-for="item in tabStore.pinTabs" :key="item.fullPath" :value="tabStore.currentTabPath" :route="item"
@ -140,7 +140,7 @@ useDraggable(el, tabs, {
/> />
</div> </div>
</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 /> <Reload />
<ContentFullScreen /> <ContentFullScreen />
<DropTabs /> <DropTabs />