Skip to content

Commit 4d944e2

Browse files
committed
fix: collapse ChatMetaSidebar when viewport shrinks too much
1 parent 15786fd commit 4d944e2

File tree

2 files changed

+5
-0
lines changed

2 files changed

+5
-0
lines changed

src/components/AIView.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@ const ViewContainer = styled.div`
4040
font-family: var(--font-monospace);
4141
font-size: 12px;
4242
overflow: hidden;
43+
container-type: inline-size;
4344
`;
4445

4546
const ChatArea = styled.div`

src/components/ChatMetaSidebar.tsx

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,10 @@ const SidebarContainer = styled.div`
1111
display: flex;
1212
flex-direction: column;
1313
overflow: hidden;
14+
15+
@container (max-width: 949px) {
16+
display: none;
17+
}
1418
`;
1519

1620
const TabBar = styled.div`

0 commit comments

Comments
 (0)