mirror of
https://github.com/dzeiocom/markblog.git
synced 2025-04-22 02:42:14 +00:00
33 lines
520 B
TypeScript
33 lines
520 B
TypeScript
import React from 'react'
|
|
|
|
interface Props {
|
|
}
|
|
|
|
export default class Header extends React.Component<Props, {}> {
|
|
constructor(props: Props) {
|
|
super(props)
|
|
}
|
|
render() {
|
|
return (
|
|
<div>
|
|
<img src="/clouds.svg" alt=""/>
|
|
|
|
|
|
<style jsx>{`
|
|
div {
|
|
position: relative;
|
|
background: linear-gradient(90deg, #45CAFC 0%, #4285F4 92.19%);
|
|
height: 207px;
|
|
}
|
|
img {
|
|
position: absolute;
|
|
bottom: 0;
|
|
min-width: 100%;
|
|
height: 50px
|
|
}
|
|
`}</style>
|
|
</div>
|
|
)
|
|
}
|
|
}
|