change: layout and make responsive

This commit is contained in:
Dominik Natter
2025-03-27 23:14:48 +01:00
parent 7efd0507bb
commit c8b4ad9c87
7 changed files with 93 additions and 44 deletions

View File

@@ -11,16 +11,16 @@ import { Button } from '@/components/ui/button'
export default async function Header(){
const session = await getPayloadSession();
return (
<header className="w-full h-20 flex flex-row items-center shadow-md justify-between pr-2">
<div className="w-auto flex h-full bg-htl-red items-center flex-row gap-4 px-2">
<header className="w-full h-20 flex flex-row items-center shadow-md justify-between">
<div className="w-full lg:w-auto flex h-full bg-htl-red items-center flex-row gap-4 px-2">
<Image
className="h-16 w-auto rounded"
src={HTLDLogo}
alt={"HTL Dornbirn Logo"}
/>
<p className="text-6xl text-white">Diplom- und Abschlussarbeiten</p>
<p className="text-2xl md:text-6xl text-white">Diplom- und Abschlussarbeiten</p>
</div>
<div className="w-auto">
<div className="hidden lg:block w-auto pr-2">
<Link href="/admin" className="text-sm/6 font-semibold text-gray-900">
Administration <span aria-hidden="true">&rarr;</span>
</Link>