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: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',
|
||||
},
|
||||
@@ -103,11 +103,11 @@ const {
|
||||
},
|
||||
]}
|
||||
>
|
||||
<div class:list={[{ 'mr-auto rtl:mr-0 rtl:ml-auto': position === 'right' }, 'flex justify-between']}>
|
||||
<a class="flex items-center" href={getHomePermalink()}>
|
||||
<div class:list={[{ 'mr-auto rtl:mr-0 rtl:ml-auto': position === 'right' }, 'flex justify-between items-center']}>
|
||||
<a class="flex items-center max-w-[70vw]" href={getHomePermalink()}>
|
||||
<Logo />
|
||||
</a>
|
||||
<div class="flex items-center md:hidden">
|
||||
<div class="flex items-center md:hidden ml-4">
|
||||
<ToggleMenu />
|
||||
</div>
|
||||
<!-- Improved mobile navigation accessibility -->
|
||||
|
Reference in New Issue
Block a user