Fix header on mobile
This commit is contained in:
parent
1866dc3a84
commit
2da9c8e47a
|
@ -0,0 +1,10 @@
|
||||||
|
import Link from "next/link";
|
||||||
|
import { Logo } from "./Logo";
|
||||||
|
|
||||||
|
export const CornerLogo = () => {
|
||||||
|
return (
|
||||||
|
<Link className="absolute left-0 top-0 hidden sm:flex" href="/">
|
||||||
|
<Logo />
|
||||||
|
</Link>
|
||||||
|
);
|
||||||
|
};
|
|
@ -2,14 +2,13 @@ import Link from "next/link";
|
||||||
import { Logo } from "../components/Logo";
|
import { Logo } from "../components/Logo";
|
||||||
import { NavigationBar } from "../components/NavigationBar";
|
import { NavigationBar } from "../components/NavigationBar";
|
||||||
import { PageContentBox } from "~/components/PageContentBox";
|
import { PageContentBox } from "~/components/PageContentBox";
|
||||||
|
import { CornerLogo } from "~/components/CornerLogo";
|
||||||
|
|
||||||
export default function About() {
|
export default function About() {
|
||||||
return (
|
return (
|
||||||
<div className="bg-black/60">
|
<div className="bg-black/60">
|
||||||
<div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
|
<div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
|
||||||
<Link className="absolute left-0 top-0" href="/">
|
<CornerLogo />
|
||||||
<Logo />
|
|
||||||
</Link>
|
|
||||||
<div className="absolute right-0 top-0">
|
<div className="absolute right-0 top-0">
|
||||||
<NavigationBar />
|
<NavigationBar />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -3,14 +3,13 @@ import { Logo } from "../components/Logo";
|
||||||
import { NavigationBar } from "~/components/NavigationBar";
|
import { NavigationBar } from "~/components/NavigationBar";
|
||||||
import { PageContentBox } from "~/components/PageContentBox";
|
import { PageContentBox } from "~/components/PageContentBox";
|
||||||
import { EmployeeList } from "~/components/EmployeeList";
|
import { EmployeeList } from "~/components/EmployeeList";
|
||||||
|
import { CornerLogo } from "~/components/CornerLogo";
|
||||||
|
|
||||||
export default function Team() {
|
export default function Team() {
|
||||||
return (
|
return (
|
||||||
<div className="bg-black/60">
|
<div className="bg-black/60">
|
||||||
<div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
|
<div className="flex min-h-screen flex-col items-center justify-center bg-orange-800/40">
|
||||||
<Link className="absolute left-0 top-0" href="/">
|
<CornerLogo />
|
||||||
<Logo />
|
|
||||||
</Link>
|
|
||||||
<div className="absolute right-0 top-0">
|
<div className="absolute right-0 top-0">
|
||||||
<NavigationBar />
|
<NavigationBar />
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue