Ismail/CPLv4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: header, navigation und _app.tsx

Browse Source
This commit is contained in:
ISA
2025-09-10 13:33:23 +02:00
parent 05b416855b
commit 95c884bc07
8 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/header/Header.tsx
View File

@@ -145,7 +145,7 @@ function Header() {
}, []);
return (
<header className="bg-[var(--color-surface-alt)] dark:bg-[var(--color-surface-alt)] flex justify-between items-center w-full h-[13vh] laptop:h-[10vh] relative text-[var(--color-fg)] shadow-sm border-b border-base theme-transition">
<header className="bg-[var(--color-surface-alt)] dark:bg-[var(--color-surface-alt)] flex justify-between items-center w-full h-[13vh] laptop:h-[10vh] relative text-[var(--color-fg)] border-b border-base theme-transition">
<div
className="absolute transform -translate-y-1/2
left-[8%] sm:left-[8%] md:left-[8%] lg:left-[8%] xl:left-[6%] 2xl:left-[2%] laptop:left-[4%] laptop:

4
components/navigation/Navigation.tsx
View File

@@ -36,8 +36,8 @@ const Navigation: React.FC<NavigationProps> = ({ className }) => {
];
return (
<aside className="h-full bg-[var(--color-surface)] dark:bg-[var(--color-surface)] border-r border-[var(--color-border)]">
<nav className={`h-full flex-shrink-0 mt-16 ${className || "w-48"}`}>
<aside className="h-full bg-[var(--color-surface)] dark:bg-[var(--color-surface)] ">
<nav className={`h-full flex-shrink-0 mt-24 ${className || "w-48"}`}>
{menuItems.map((item) => (
<div key={item.name}>
{item.disabled ? (