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

fix(home): keep top svg at same relative height regardless of res, align to right

Browse Source
This commit is contained in:
Jeremy
2020-01-25 11:06:24 -05:00
committed by Jean-Philippe Sirois
parent a5598126d0
commit 7f49709c94
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Waves/styles.tsx
+1 -1
View File
@@ -13,7 +13,7 @@ const waves = css`
export const StyledWavesTop = styled(WavesTop)`
${waves};
top: 0;
left: 0;
height: 87vh;
`
export const StyledWavesBottom = styled(WavesBottom)`
src/images/waves-bot.svg
+1 -1
View File
@@ -1,4 +1,4 @@
<svg fill="none" viewBox="0 0 1825 862" preserveAspectRatio="xMaxYmax slice">
<svg fill="none" viewBox="0 0 1825 862" preserveAspectRatio="xMaxYMax slice">
<mask id="#bot_mask" width="1825" height="862" x="0" y="0" maskUnits="userSpaceOnUse">
<path fill="#C4C4C4" d="M0 0h1825v862H0z"/>
</mask>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

src/images/waves-top.svg
+1 -1
View File
@@ -1,4 +1,4 @@
<svg fill="none" viewBox="0 0 1825 859" width="1825" height="859" preserveAspectRatio="xMinYMin meet">
<svg fill="none" viewBox="0 0 1825 859" width="1825" height="859" preserveAspectRatio="xMaxYMin meet">
<mask id="top_mask" width="1825" height="859" x="0" y="0" maskUnits="userSpaceOnUse">
<path fill="#C4C4C4" d="M0 0h1825v859H0z"/>
</mask>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB