fix: navbar_ui style (#1398)

This commit is contained in:
anuoua 2023-01-30 10:35:25 +08:00 committed by GitHub
parent 5f609cec88
commit 911caa1e37
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -4,8 +4,11 @@ import { Layout, Spin } from 'antd';
import React, { createContext, useContext, useMemo, useRef, useState } from 'react'; import React, { createContext, useContext, useMemo, useRef, useState } from 'react';
import { useHistory, useRouteMatch } from 'react-router-dom'; import { useHistory, useRouteMatch } from 'react-router-dom';
import { import {
ACLRolesCheckProvider, CurrentAppInfoProvider, CurrentUser, ACLRolesCheckProvider,
CurrentUserProvider, findByUid, CurrentAppInfoProvider,
CurrentUser,
CurrentUserProvider,
findByUid,
findMenuItem, findMenuItem,
RemoteCollectionManagerProvider, RemoteCollectionManagerProvider,
RemotePluginManagerToolbar, RemotePluginManagerToolbar,
@ -15,7 +18,7 @@ import {
useDocumentTitle, useDocumentTitle,
useRequest, useRequest,
useRoute, useRoute,
useSystemSettings useSystemSettings,
} from '../../../'; } from '../../../';
import { useCollectionManager } from '../../../collection-manager'; import { useCollectionManager } from '../../../collection-manager';
@ -161,12 +164,28 @@ export const InternalAdminLayout = (props: any) => {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex;
`} `}
> >
<div <div
style={{ position: 'relative', zIndex: 1, display: 'flex', height: '100%', width: 'calc(100vw - 300px)' }} className={css`
position: relative;
z-index: 1;
flex: 1 1 auto;
display: flex;
height: 100%;
`}
>
<div
className={css`
width: 200px;
display: inline-flex;
flex-shrink: 0;
color: #fff;
padding: 0;
align-items: center;
`}
> >
<div style={{ width: 200, display: 'inline-flex', color: '#fff', padding: '0', alignItems: 'center' }}>
<img <img
className={css` className={css`
padding: 0 16px; padding: 0 16px;
@ -176,17 +195,24 @@ export const InternalAdminLayout = (props: any) => {
`} `}
src={result?.data?.data?.logo?.url} src={result?.data?.data?.logo?.url}
/> />
{/* {result?.data?.data?.title} */}
</div> </div>
<div <div
style={{ className={css`
width: 'calc(100% - 590px)', flex: 1 1 auto;
}} width: 0;
`}
> >
<MenuEditor sideMenuRef={sideMenuRef} /> <MenuEditor sideMenuRef={sideMenuRef} />
</div> </div>
</div> </div>
<div style={{ position: 'absolute', height: '100%', zIndex: 10, top: 0, right: 0 }}> <div
className={css`
position: relative;
flex-shrink: 0;
height: 100%;
z-index: 10;
`}
>
<RemotePluginManagerToolbar /> <RemotePluginManagerToolbar />
<CurrentUser /> <CurrentUser />
</div> </div>