fix: 恢复 SidebarRail 拖拽鼠标样式,移除右上角主题设置弹窗
- 恢复 SidebarRail 的 cursor-w-resize/cursor-e-resize 样式 - 移除右上角的 ThemePopover 组件 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -21,10 +21,11 @@ const { toggleSidebar } = useSidebar()
|
|||||||
:title="t('common.toggleSidebar')"
|
:title="t('common.toggleSidebar')"
|
||||||
:class="cn(
|
:class="cn(
|
||||||
'hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex',
|
'hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex',
|
||||||
|
'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',
|
||||||
|
'[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',
|
||||||
'hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full',
|
'hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full',
|
||||||
'[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',
|
'[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',
|
||||||
'[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',
|
'[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',
|
||||||
'cursor-pointer',
|
|
||||||
props.class,
|
props.class,
|
||||||
)"
|
)"
|
||||||
@click="toggleSidebar"
|
@click="toggleSidebar"
|
||||||
|
|||||||
@@ -5,7 +5,6 @@ import { useRouter } from 'vue-router'
|
|||||||
|
|
||||||
import AdminSidebar from '@/components/admin-sidebar/index.vue'
|
import AdminSidebar from '@/components/admin-sidebar/index.vue'
|
||||||
import LanguageChange from '@/components/language-change.vue'
|
import LanguageChange from '@/components/language-change.vue'
|
||||||
import ThemePopover from '@/components/custom-theme/theme-popover.vue'
|
|
||||||
import ToggleTheme from '@/components/toggle-theme.vue'
|
import ToggleTheme from '@/components/toggle-theme.vue'
|
||||||
import api from '@/services/api'
|
import api from '@/services/api'
|
||||||
import { getFileUrl } from '@/utils/config'
|
import { getFileUrl } from '@/utils/config'
|
||||||
@@ -172,7 +171,6 @@ onUnmounted(() => {
|
|||||||
<div class="ml-auto flex items-center gap-2">
|
<div class="ml-auto flex items-center gap-2">
|
||||||
<LanguageChange />
|
<LanguageChange />
|
||||||
<ToggleTheme />
|
<ToggleTheme />
|
||||||
<ThemePopover />
|
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user