diff options
| author | Fred Carlsen <fred@sjelfull.no> | 2018-12-17 21:32:05 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-17 21:32:05 +0800 |
| commit | 934d3b5d798b0cf47e0dcdf36cf9a047bb0efcb8 (patch) | |
| tree | adbb8b72788ee89725a8fe57d507cab1dc6f8904 | |
| parent | 59325897761c40cd57a30d5ba5c83321a8dbe96a (diff) | |
| download | dexon-sol-tools-934d3b5d798b0cf47e0dcdf36cf9a047bb0efcb8.tar.gz dexon-sol-tools-934d3b5d798b0cf47e0dcdf36cf9a047bb0efcb8.tar.zst dexon-sol-tools-934d3b5d798b0cf47e0dcdf36cf9a047bb0efcb8.zip | |
Tweak banner border on mobile
| -rw-r--r-- | packages/website/ts/@next/components/banner.tsx | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/banner.tsx b/packages/website/ts/@next/components/banner.tsx index e779c5889..df6454c86 100644 --- a/packages/website/ts/@next/components/banner.tsx +++ b/packages/website/ts/@next/components/banner.tsx @@ -137,4 +137,11 @@ const Border = styled.div<BorderProps>` top: ${props => !props.isBottom && 0 }; bottom: ${props => props.isBottom && 0 }; transform: translate(-112px); + + @media (max-width: 768px) { + width: calc(100% + 82px); + height: 40px; + transform: translate(-41px); + background-size: auto 80px; + } `; |