Skip to content

Commit eed9e41

Browse files
committed
Fix floating sidebar overflow
1 parent 7a76eae commit eed9e41

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

src/components/home/HomeSidebar.tsx

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import MainNoticeWidgetContainer from '../../containers/home/MainNoticeWidgetCon
44
import MainTagWidgetContainer from '../../containers/home/MainTagWidgetContainer';
55
import HomeRightFooter from './HomeRightFooter';
66
import Sticky from '../common/Sticky';
7+
import { mediaQuery } from '../../lib/styles/media';
78

89
export type HomeSidebarProps = {};
910

@@ -19,6 +20,11 @@ function HomeSidebar(props: HomeSidebarProps) {
1920
);
2021
}
2122

22-
const Block = styled.div``;
23+
const Block = styled.div`
24+
width: 16rem;
25+
${mediaQuery(1440)} {
26+
width: 12rem;
27+
}
28+
`;
2329

2430
export default HomeSidebar;

0 commit comments

Comments
 (0)