website: fix layout on mobile

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer 2021-05-05 20:05:07 +02:00
parent adc9b67a9c
commit 553872e8dd
3 changed files with 9 additions and 1 deletions

View file

@ -12764,6 +12764,7 @@
"version": "1.2.13", "version": "1.2.13",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
"integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==", "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
"hasInstallScript": true,
"optional": true, "optional": true,
"os": [ "os": [
"darwin" "darwin"

View file

@ -68,7 +68,7 @@ function Home() {
<div className="row"> <div className="row">
<div className="col padding-top--lg"> <div className="col padding-top--lg">
<h1 className="hero__title"> <h1 className="hero__title">
{siteConfig.tagline} Making authentication simple.
</h1> </h1>
<p className="hero__subtitle"> <p className="hero__subtitle">
authentik is an open-source Identity Provider authentik is an open-source Identity Provider

View file

@ -4,6 +4,13 @@
text-align: center; text-align: center;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
overflow-wrap: normal;
}
@media (max-width: 996px) {
.heroBanner img {
margin-top: 1rem;
}
} }
@media screen and (max-width: 966px) { @media screen and (max-width: 966px) {