Update package-lock.json to remove unused dependencies and optimize Header component styles

- Removed @astrojs/netlify and related dependencies from package-lock.json to streamline the project.
- Updated Header.astro to enhance layout with max-width and overflow properties for better responsiveness and mobile navigation accessibility.
This commit is contained in:
becarta
2025-06-07 03:00:18 +02:00
parent 042682b0ee
commit 5471f2e316
2 changed files with 42 additions and 869 deletions

903
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@@ -91,7 +91,7 @@ const {
<div class="absolute inset-0"></div> <div class="absolute inset-0"></div>
<div <div
class:list={[ class:list={[
'relative text-default py-3 px-3 md:px-6 mx-auto w-full', 'relative text-default py-3 px-3 md:px-6 mx-auto w-full max-w-full overflow-hidden',
{ {
'md:flex md:justify-between': position !== 'center', 'md:flex md:justify-between': position !== 'center',
}, },
@@ -103,11 +103,11 @@ const {
}, },
]} ]}
> >
<div class:list={[{ 'mr-auto rtl:mr-0 rtl:ml-auto': position === 'right' }, 'flex justify-between']}> <div class:list={[{ 'mr-auto rtl:mr-0 rtl:ml-auto': position === 'right' }, 'flex justify-between items-center']}>
<a class="flex items-center" href={getHomePermalink()}> <a class="flex items-center max-w-[70vw]" href={getHomePermalink()}>
<Logo /> <Logo />
</a> </a>
<div class="flex items-center md:hidden"> <div class="flex items-center md:hidden ml-4">
<ToggleMenu /> <ToggleMenu />
</div> </div>
<!-- Improved mobile navigation accessibility --> <!-- Improved mobile navigation accessibility -->