fix: navbar_ui style (#1398)
This commit is contained in:
parent
5f609cec88
commit
911caa1e37
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user