change: layout and make responsive
This commit is contained in:
@@ -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">→</span>
|
||||
</Link>
|
||||
|
||||
Reference in New Issue
Block a user