mirror of
https://github.com/lobehub/lobe-chat.git
synced 2026-06-15 04:00:09 +00:00
♻️ refactor: upgrade styles for Drawer (#7141)
This commit is contained in:
@@ -53,16 +53,7 @@ const Header = memo<HeaderProps>(({ children, getContainer, title }) => {
|
||||
}
|
||||
/>
|
||||
<Drawer
|
||||
bodyStyle={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
gap: 20,
|
||||
justifyContent: 'space-between',
|
||||
padding: 16,
|
||||
}}
|
||||
getContainer={getContainer}
|
||||
headerStyle={{ display: 'none' }}
|
||||
maskStyle={{ background: 'transparent' }}
|
||||
onClick={() => setOpen(false)}
|
||||
onClose={() => setOpen(false)}
|
||||
open={open}
|
||||
@@ -72,6 +63,17 @@ const Header = memo<HeaderProps>(({ children, getContainer, title }) => {
|
||||
background: theme.colorBgContainer,
|
||||
borderRight: `1px solid ${theme.colorSplit}`,
|
||||
}}
|
||||
styles={{
|
||||
body: {
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
gap: 20,
|
||||
justifyContent: 'space-between',
|
||||
padding: 16,
|
||||
},
|
||||
header: { display: 'none' },
|
||||
mask: { background: 'transparent' },
|
||||
}}
|
||||
width={260}
|
||||
zIndex={10}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user