whai/cherry-studio
1
1
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

style: update container component styling and navbar responsiveness

Browse Source
This commit is contained in:
kangfenmao 2025-01-08 13:25:34 +08:00
parent 42ede42f62
commit 7271a86677
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/renderer/src/pages/home/Messages/NarrowLayout.tsx
View File

@ -18,6 +18,7 @@ const NarrowLayout: FC<Props> = ({ children, ...props }) => {
const Container = styled.div` const Container = styled.div`
max-width: 800px; max-width: 800px;
width: 100%;
margin: 0 auto; margin: 0 auto;
` `

10
src/renderer/src/pages/home/Navbar.tsx
View File

@ -82,9 +82,9 @@ const HeaderNavbar: FC<Props> = ({ activeAssistant }) => {
<NavbarIcon onClick={() => SearchPopup.show()}> <NavbarIcon onClick={() => SearchPopup.show()}>
<SearchOutlined /> <SearchOutlined />
</NavbarIcon> </NavbarIcon>
<NavbarIcon onClick={() => dispatch(setNarrowMode(!narrowMode))}> <NarrowIcon onClick={() => dispatch(setNarrowMode(!narrowMode))}>
<i className="iconfont icon-icon-adaptive-width"></i> <i className="iconfont icon-icon-adaptive-width"></i>
</NavbarIcon> </NarrowIcon>
{sidebarIcons.visible.includes('minapp') && ( {sidebarIcons.visible.includes('minapp') && (
<AppStorePopover> <AppStorePopover>
<NavbarIcon> <NavbarIcon>
@ -147,4 +147,10 @@ const TitleText = styled.span`
} }
` `
const NarrowIcon = styled(NavbarIcon)`
@media (max-width: 800px) {
display: none;
}
`
export default HeaderNavbar export default HeaderNavbar