fix Header import in App.tsx, make header with z index on top

This commit is contained in:
Niklas 2025-06-20 17:20:46 +02:00 committed by BlankAccountsUsername
parent 1011aad411
commit b45bb31fec
2 changed files with 6 additions and 5 deletions

View file

@ -4,7 +4,7 @@ import "./styles/fonts.css";
import "./styles/sizes.css"; import "./styles/sizes.css";
import LoginAndSignUpPage from "./pages/LoginAndSignUpPage"; import LoginAndSignUpPage from "./pages/LoginAndSignUpPage";
import Footer from "./components/Footer"; import Footer from "./components/Footer";
import Header from "./components/header"; import Header from "./components/Header";
import Profile from "./pages/Profile"; import Profile from "./pages/Profile";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import { Auth } from "./api/Auth"; import { Auth } from "./api/Auth";

View file

@ -1,10 +1,11 @@
.outest-container { .outest-container {
display: grid; display: flex;
grid-template-rows: auto auto; flex-direction: row;
grid-template-columns: 1fr; /* 1 Spalte */ justify-content: baseline;
align-content: end; z-index: 1000000;
} }
.base-header { .base-header {
z-index: 10;
width: 100vw; width: 100vw;
display: flex; display: flex;
height: var(--header-height); height: var(--header-height);