diff options
| author | Fred Carlsen <fred@sjelfull.no> | 2018-12-12 19:46:30 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-12 19:46:30 +0800 |
| commit | 80efe702479b6a9b308d1fb12c11e58e24bde869 (patch) | |
| tree | 61eb725724dfa97b87e2a177cfe5c89bc7a99b49 | |
| parent | 6c4c666d9ba6f62f5a80fa9d9ef4562800e663d9 (diff) | |
| download | dexon-sol-tools-80efe702479b6a9b308d1fb12c11e58e24bde869.tar.gz dexon-sol-tools-80efe702479b6a9b308d1fb12c11e58e24bde869.tar.zst dexon-sol-tools-80efe702479b6a9b308d1fb12c11e58e24bde869.zip | |
WIP mobile slider
| -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; + } `; |