fix hero
This commit is contained in:
parent
cb84fe0bd0
commit
af4ca22632
|
@ -0,0 +1,5 @@
|
||||||
|
.hero-full {
|
||||||
|
margin-left: -1.25em;
|
||||||
|
margin-right: -1.25em;
|
||||||
|
width: auto;
|
||||||
|
}
|
|
@ -1,7 +1,9 @@
|
||||||
import React from "react"
|
import React from "react"
|
||||||
|
|
||||||
|
import "./hero.css"
|
||||||
|
|
||||||
const Hero = ({bg, children}) => (
|
const Hero = ({bg, children}) => (
|
||||||
<div className="hero min-h-screen" style={{backgroundImage: `url(${bg})`}}>
|
<div className="hero hero-full min-h-screen" style={{backgroundImage: `url(${bg})`}}>
|
||||||
<div className="hero-overlay bg-opacity-60" />
|
<div className="hero-overlay bg-opacity-60" />
|
||||||
<div className="hero-content text-center text-neutral-content">
|
<div className="hero-content text-center text-neutral-content">
|
||||||
<div className="max-w-md">
|
<div className="max-w-md">
|
||||||
|
|
Loading…
Reference in New Issue