CSS and Refactoring

- added some css so that everything will become better
- refactored some things
This commit is contained in:
cami 2021-07-10 23:44:37 +02:00
parent aefb975d26
commit 33f5262eee
5 changed files with 36 additions and 7 deletions

View file

@ -40,10 +40,16 @@
color: var(--primary); color: var(--primary);
} }
a:hover:not(.navbar-logo){ a:hover:not(.navbar-logo) {
border-bottom: 4px dotted var(--secondary); border-bottom: 4px dotted var(--secondary);
} }
/* */
.btn-mobil a:hover,
.hero-btns a:hover {
border-bottom: none;
}
h1 { h1 {
font-size: 5em; font-size: 5em;
margin: 0.7em auto; margin: 0.7em auto;

View file

@ -13,8 +13,6 @@ import Secret from "./components/pages/Secret";
import Umfrage from "./components/pages/Umfrage"; import Umfrage from "./components/pages/Umfrage";
import PrivateRoute from "./auth/PrivateRoute"; import PrivateRoute from "./auth/PrivateRoute";
import Behavior from "./components/pages/Behavior"; import Behavior from "./components/pages/Behavior";
import { Logger } from "@behametrics/logger-web";
import { useAuth } from "./auth/AuthProvider";
function App() { function App() {
return ( return (

View file

@ -54,8 +54,8 @@
} }
.nav-links:hover { .nav-links:hover {
border-bottom: 4px dotted var(--secondary); border-bottom: 5px dotted var(--secondary);
transition: all 0.2s ease-out; transition: all 1.2s ease-out;
} }
.nav-links-mobile { .nav-links-mobile {

View file

@ -1,8 +1,30 @@
import React from "react"; import React, { useEffect } from "react";
import "../../App.css"; import "../../App.css";
import Footer from "../../Footer"; import Footer from "../../Footer";
import { Logger } from "@behametrics/logger-web";
import { useAuth } from "../../auth/AuthProvider";
export default function Behavior() { export default function Behavior() {
let logger = new Logger({
//inputs: ["cursor", "wheel", "keyboard", "touch"],
inputs: ["keyboard"],
logToConsole: true,
});
logger.init();
let [isLoggedIn] = useAuth();
useEffect(() => {
document.title = `${isLoggedIn}`;
console.log(isLoggedIn);
if (isLoggedIn === false) {
logger.stop();
console.log("stopped logger");
} else {
logger.start();
console.log("start logger");
}
});
return ( return (
<> <>
<div className="sitePage"> <div className="sitePage">

View file

@ -119,7 +119,10 @@ export default function Umfrage() {
<div className="sitePage"> <div className="sitePage">
<h1> Umfrage</h1> <h1> Umfrage</h1>
<p> <p>
Super, die Registrierung hat funktioniert! Du bist nun eingeloggt und ich erfasse deine Tastaturanschläge und die Mausbewegungen. Wenn du dich wieder abmelden möchtest, kannst du das <Link to="/logout">hier</Link> machen. Super, die Registrierung hat funktioniert! Du bist nun eingeloggt und
ich erfasse deine Tastaturanschläge und die Mausbewegungen. Wenn du
dich wieder abmelden möchtest, kannst du das{" "}
<Link to="/logout">hier</Link> machen.
</p> </p>
<p> <p>
Damit ich etwas über die Studienteilnehmenden erfahre, möchte ich hier Damit ich etwas über die Studienteilnehmenden erfahre, möchte ich hier