nickzuber/meteorite
1
1
Fork 0
mirror of https://github.com/nickzuber/meteorite.git synced 2024-08-16 06:50:29 +03:00
Code Issues Packages Projects Releases Wiki Activity

Curve top on homepage

Browse Source
This commit is contained in:
Nicholas Zuber 2018-11-08 02:50:40 -05:00
parent 14860bef1c
commit 8652ec4429
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Curve/index.js
View File

@ -1,7 +1,7 @@
import React from 'react';
import curve from './curve.svg';
export default function Curve ({ ...props }) {
export default function Curve ({ style, ...props }) {
return (
<div style={{
background: `url(${curve}) center bottom`,
@ -12,7 +12,8 @@ export default function Curve ({ ...props }) {
width: '190vw',
paddingBottom: '4.5%',
backgroundSize: 'cover',
marginBottom: '-1px'
marginBottom: '-1px',
...style
}} />
);
}

7
src/pages/Home/Scene.js
View File

@ -485,7 +485,12 @@ export default function Scene ({loggedIn, onLogout, ...props}) {
</ItemText>
</Item>
</Section>
<Section alt={true}>
<Section alt={true} style={{paddingTop: 140}}>
<Curve style={{
bottom: 'auto',
top: 0,
transform: 'translateX(-50%) rotate(180deg)'
}} />
<Item style={{flex: '0 0 2.5%', padding: 0}} />
<Item>
<h2>Surface the most important tasks to tackle as they happen</h2>