mirror of
https://github.com/nickzuber/meteorite.git
synced 2024-09-11 11:36:03 +03:00
Curve top on homepage
This commit is contained in:
parent
14860bef1c
commit
8652ec4429
@ -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
|
||||
}} />
|
||||
);
|
||||
}
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user