janis/dertyp7.github.io
1
0
Fork 0
mirror of https://github.com/DerTyp7/dertyp7.github.io.git synced 2025-11-01 22:22:32 +01:00
Code Issues Packages Projects Releases Wiki Activity

add new logo

Browse Source
This commit is contained in:
DerTyp7
2023-10-10 16:29:41 +02:00
parent c0b8e19ef0
commit 268a6e3b98
2 changed files with 36 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/Header.tsx
View File

@@ -1,24 +1,35 @@
import "@styles/Header.scss";
import ThemeSwitch from "@components/ThemeSwitch";
function Logo() {
return (
<div className="logo">
<p>Janis</p>
<p>Meister</p>
</div>
);
}
function Control() {
return (
<div className="control">
<ThemeSwitch />
<div>Language</div>
</div>
);
}
export default function Header() {
return (
<header className="header">
{/* Mobile Top Row Header */}
<div className="header-mobile">
<div className="logo">
<h1>Meister</h1>
</div>
<div className="control">
<ThemeSwitch />
<div>Language</div>
</div>
<Logo />
<Control />
</div>
{/* END: Mobile Top Row Header */}
<div className="logo">
<h1>Meister</h1>
</div>
<Logo />
<div className="links">
<a href="">About</a>
@@ -26,10 +37,7 @@ export default function Header() {
<a href="">Projects</a>
<a href="">Contact</a>
</div>
<div className="control">
<ThemeSwitch />
<div>Language</div>
</div>
<Control />
</header>
);
}