fixed some responsive design details
This commit is contained in:
@@ -17,7 +17,7 @@ export default function Header() {
|
|||||||
const homePath = `/${locale}`;
|
const homePath = `/${locale}`;
|
||||||
|
|
||||||
const links = [
|
const links = [
|
||||||
{ text: t('home'), target: homePath },
|
{ text: t('home'), target: `${homePath}#home` },
|
||||||
{ text: t('works'), target: `${homePath}#works` },
|
{ text: t('works'), target: `${homePath}#works` },
|
||||||
{ text: t('about'), target: `${homePath}#about` },
|
{ text: t('about'), target: `${homePath}#about` },
|
||||||
{ text: t('blog'), target: `${homePath}/blog` },
|
{ text: t('blog'), target: `${homePath}/blog` },
|
||||||
@@ -72,7 +72,7 @@ export default function Header() {
|
|||||||
return (
|
return (
|
||||||
<div className="bg-brand-beige h-20 fixed left-2.75 right-2.75 z-50 rounded-b-[20px]">
|
<div className="bg-brand-beige h-20 fixed left-2.75 right-2.75 z-50 rounded-b-[20px]">
|
||||||
<header className="h-20 bg-brand-brown text-brand-beige py-6 px-10 flex justify-between items-center rounded-[10px]">
|
<header className="h-20 bg-brand-brown text-brand-beige py-6 px-10 flex justify-between items-center rounded-[10px]">
|
||||||
<Link href={homePath}>
|
<Link href={`${homePath}#home`}>
|
||||||
<div className="hidden md:block font-serif text-2xl font-light cursor-pointer">M. Guilbert</div>
|
<div className="hidden md:block font-serif text-2xl font-light cursor-pointer">M. Guilbert</div>
|
||||||
<img className="block md:hidden w-auto h-15 cursor-pointer" src="/icons/logo.svg" alt="logo mg dev" />
|
<img className="block md:hidden w-auto h-15 cursor-pointer" src="/icons/logo.svg" alt="logo mg dev" />
|
||||||
</Link>
|
</Link>
|
||||||
|
|||||||
@@ -22,6 +22,7 @@ export default function HeroSection() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<section
|
<section
|
||||||
|
id="home"
|
||||||
ref={sectionRef}
|
ref={sectionRef}
|
||||||
className="w-full min-h-[calc(100vh-(2*11px))] rounded-[10px] bg-brand-brown text-brand-beige flex flex-col overflow-hidden relative"
|
className="w-full min-h-[calc(100vh-(2*11px))] rounded-[10px] bg-brand-brown text-brand-beige flex flex-col overflow-hidden relative"
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user