Added Button if the user is logged in and css

Added a button if the user is already logged in which will directly go to the study
- make buttons minimal width
This commit is contained in:
cami 2021-07-11 00:08:11 +02:00
parent 4391cf790c
commit 00aa826971
2 changed files with 9 additions and 1 deletions

View file

@ -30,6 +30,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
min-width: 60%;
} }
.hero-btns .btn { .hero-btns .btn {

View file

@ -13,7 +13,14 @@ function HeroSection() {
<h1>Herzlich Willkommen</h1> <h1>Herzlich Willkommen</h1>
<div className="hero-btns"> <div className="hero-btns">
{isLoggedIn ? ( {isLoggedIn ? (
console.log("Logged in") <Button
className="btns"
buttonStyle="btn--primary"
buttonSize="btn--large"
newTo="behavior"
>
Zur Studie
</Button>
) : ( ) : (
<> <>
<Button <Button