refactor: update MobileLink styles for improved visual consistency and adjust viewport meta tag in _app.tsx

This commit is contained in:
Marco Pedone 2025-11-24 16:19:47 +01:00
parent 29c8453bad
commit 8882107a50
2 changed files with 4 additions and 4 deletions

View file

@ -212,9 +212,9 @@ const AreaRiservataLinks = ({
return (
<MobileLink
className={cn(
`mx-4 block w-full border-l px-6 py-2 duration-150 hover:border-neutral-800 hover:text-accent-foreground`,
`mx-4 block w-full border-muted-foreground/20 border-l-2 px-6 py-2 duration-150`,
item.href === pathname &&
"border-neutral-900 text-neutral-900",
"border-accent-foreground",
)}
href={item.href}
key={item.title}
@ -309,7 +309,7 @@ export const ARMinimizableLinks = ({
return (
<MobileLink
className={cn(
`mx-4 block w-full rounded-r-md border-l px-6 py-2 duration-150 hover:border-neutral-800 hover:bg-muted hover:text-accent-foreground`,
`mx-4 block w-full rounded-r-md border-muted-foreground/20 border-l-2 px-6 py-2 duration-150 hover:border-accent-foreground hover:bg-muted hover:text-accent-foreground`,
item.href === pathname &&
"border-muted-foreground",
minimized && "hidden",

View file

@ -53,7 +53,7 @@ const MyApp = ({
<Head>
<title>Infoalloggi.it</title>
<meta
content="width=device-width, initial-scale=1.0"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
name="viewport"
/>
<meta