Skip to content

Commit

Permalink
feat: adjust styles for very small screens
Browse files Browse the repository at this point in the history
  • Loading branch information
marxtin committed Jan 23, 2025
1 parent 10edba5 commit 557b156
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 0 deletions.
8 changes: 8 additions & 0 deletions packages/components/src/Carousel/Carousel.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,14 @@ const StyledSlider = styled(SlickSlider)`
theme,
m: ['0 8px', 0, 0, '0 1px'],
})};
@media (max-width: 429px) {
${({ theme }) =>
space({
theme,
m: ['0 4px', 0, 0, '0 1px'],
})};
}
}
> .slick-dots li button {
Expand Down
4 changes: 4 additions & 0 deletions packages/components/src/Modal/Modal.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,10 @@ const ModalWrapper = styled(Box)`
width: 100%;
height: 100%;
z-index: 200;
@media (max-height: 668px) {
z-index: 1001;
}
`;

const ModalBackdrop = styled.div`
Expand Down

0 comments on commit 557b156

Please sign in to comment.