ai-coding/deploy-ease-platform
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
asp_ly 2024-12-27 21:12:19 +08:00
parent 72de966d0c
commit f03bcbdc80
2 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/ui/sidebar.tsx
View File

@ -12,8 +12,8 @@ const Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>(
<div <div
ref={ref} ref={ref}
className={cn( className={cn(
"flex h-full flex-col border-r bg-background transition-all duration-300", "flex flex-col border-r bg-background transition-all duration-300",
"min-w-[240px] w-60", "min-w-[240px] w-60 h-screen",
"dark:border-slate-700 dark:bg-slate-900", "dark:border-slate-700 dark:bg-slate-900",
className className
)} )}
@ -33,7 +33,7 @@ const SidebarHeader = React.forwardRef<
<div <div
ref={ref} ref={ref}
className={cn( className={cn(
"flex h-14 items-center border-b px-4", "flex h-14 items-center border-b px-4 sticky top-0 z-10",
"dark:border-slate-700 dark:bg-slate-900/50", "dark:border-slate-700 dark:bg-slate-900/50",
"bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", "bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60",
className className

25
frontend/src/layouts/BasicLayout.tsx
View File

@ -177,16 +177,23 @@ const BasicLayout: React.FC = () => {
} }
return ( return (
<Layout style={{minHeight: '100vh', display: 'flex', flexDirection: 'row'}}> <Layout style={{
height: '100vh',
display: 'flex',
flexDirection: 'row',
overflow: 'hidden'
}}>
<AppMenu openKeys={openKeys} onOpenChange={handleOpenChange} /> <AppMenu openKeys={openKeys} onOpenChange={handleOpenChange} />
<Layout style={{flex: 1, overflow: 'hidden'}}> <Layout style={{flex: 1, overflow: 'hidden', display: 'flex', flexDirection: 'column'}}>
<Header style={{ <Header style={{
padding: '0 24px', padding: '0 24px',
background: '#fff', background: '#fff',
display: 'flex', display: 'flex',
justifyContent: 'flex-end', justifyContent: 'flex-end',
alignItems: 'center', alignItems: 'center',
boxShadow: '0 1px 4px rgba(0,21,41,.08)' boxShadow: '0 1px 4px rgba(0,21,41,.08)',
height: 64,
flexShrink: 0
}}> }}>
<Space size={24}> <Space size={24}>
<Space size={16}> <Space size={16}>
@ -220,11 +227,13 @@ const BasicLayout: React.FC = () => {
</Space> </Space>
</Header> </Header>
<Content style={{ <Content style={{
margin: '24px 16px', margin: '24px 16px',
padding: 24, padding: 24,
background: '#fff', background: '#fff',
minHeight: 280, flex: 1,
overflow: 'auto' overflow: 'auto',
display: 'flex',
flexDirection: 'column'
}}> }}>
<Outlet/> <Outlet/>
</Content> </Content>