sx/map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:tabs宽度

Browse Source
This commit is contained in:
刘玉霞 2024-10-31 10:09:34 +08:00
parent 8483b667f2
commit b8975a4409
2 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui/dasadmin/src/layouts/backend/components/navBar/classic.vue
View File

@ -83,6 +83,7 @@ const onMenuCollapse = () => {
:deep(.nav-tabs) {
display: flex;
height: 100%;
width: 100%;
position: relative;
background-color: #ffffff;
margin-right: 0px !important;

16
ui/dasadmin/src/utils/layout.ts
View File

@ -34,12 +34,12 @@ export function mainHeight(extra = 0): CSSProperties {
* @returns
*/
export function setNavTabsWidth() {
const navTabs = document.querySelector('.nav-tabs') as HTMLElement
if (!navTabs) {
return
}
const navBar = document.querySelector('.nav-bar') as HTMLElement
const navMenus = document.querySelector('.nav-menus') as HTMLElement
const minWidth = navBar.offsetWidth - (navMenus.offsetWidth + 20)
navTabs.style.width = minWidth.toString() + 'px'
// const navTabs = document.querySelector('.nav-tabs') as HTMLElement
// if (!navTabs) {
// return
// }
// const navBar = document.querySelector('.nav-bar') as HTMLElement
// const navMenus = document.querySelector('.nav-menus') as HTMLElement
// const minWidth = navBar.offsetWidth - (navMenus.offsetWidth + 20)
// navTabs.style.width = minWidth.toString() + 'px'
}