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

implement responsive header

Browse Source
This commit is contained in:
DerTyp7
2023-10-10 16:20:58 +02:00
parent 0a3c1e46a3
commit c0b8e19ef0
2 changed files with 66 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Header.tsx
View File

@@ -4,9 +4,22 @@ import ThemeSwitch from "@components/ThemeSwitch";
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>
</div>
{/* END: Mobile Top Row Header */}
<div className="logo">
<h1>Meister</h1>
</div>
<div className="links">
<a href="">About</a>
<a href="">Skills</a>