mirror of
https://github.com/recloudstream/website.git
synced 2024-08-15 03:18:45 +00:00
fix hero
This commit is contained in:
parent
cb84fe0bd0
commit
af4ca22632
2 changed files with 8 additions and 1 deletions
5
src/components/hero.css
Normal file
5
src/components/hero.css
Normal file
|
@ -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 a new issue