Stone_Red/website
1
0
Fork 0
mirror of https://github.com/Stone-Red-Code/website.git synced 2026-09-06 07:56:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

ui: fix header waves being cut

Browse Source
This commit is contained in:
Jean-Philippe Sirois
2019-10-08 23:34:54 -04:00
parent 09a56b03dc
commit df46c3e802
2 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Waves/styles.tsx
+8 -6
View File
@@ -1,19 +1,21 @@
import styled from "styled-components"
import styled, { css } from "styled-components"
import WavesBottom from "../../images/waves-bot.svg"
import WavesTop from "../../images/waves-top.svg"
export const StyledWavesTop = styled(WavesTop)`
const waves = css`
opacity: 0.5;
width: 100vw;
max-width: 100%;
position: absolute;
pointer-events: none;
`
export const StyledWavesTop = styled(WavesTop)`
${waves};
top: 0;
`
export const StyledWavesBottom = styled(WavesBottom)`
opacity: 0.5;
width: 100vw;
max-width: 100%;
position: absolute;
${waves};
bottom: 0;
`