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:
903
package-lock.json
generated
903
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -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 -->
|
||||||
|
Reference in New Issue
Block a user