diff options
| -rw-r--r-- | packages/website/ts/@next/components/slider/slider.tsx | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/slider/slider.tsx b/packages/website/ts/@next/components/slider/slider.tsx index 327b9fb05..61e80ebd2 100644 --- a/packages/website/ts/@next/components/slider/slider.tsx +++ b/packages/website/ts/@next/components/slider/slider.tsx @@ -59,6 +59,11 @@ const StyledSlider = styled.div` //overflow: hidden; width: 100%; height: 520px; + + @media (max-width: 500px) { + height: 450px; + } + .carousel { position: relative; display: block; @@ -123,6 +128,7 @@ const StyledSlide = styled.div` @media (max-width: 500px) { width: calc(100vw - 10px - 32px); + height: 450px; } &.is-selected { @@ -140,8 +146,16 @@ const SlideHead = styled.div` display: flex; justify-content: center; align-items: center; + + @media (max-width: 500px) { + height: 240px; + } `; const SlideContent = styled.div` padding: 30px; + + @media (max-width: 500px) { + padding: 20px; + } `; |