refactor: update MobileLink styles for improved visual consistency and adjust viewport meta tag in _app.tsx
This commit is contained in:
parent
29c8453bad
commit
8882107a50
2 changed files with 4 additions and 4 deletions
|
|
@ -212,9 +212,9 @@ const AreaRiservataLinks = ({
|
||||||
return (
|
return (
|
||||||
<MobileLink
|
<MobileLink
|
||||||
className={cn(
|
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 &&
|
item.href === pathname &&
|
||||||
"border-neutral-900 text-neutral-900",
|
"border-accent-foreground",
|
||||||
)}
|
)}
|
||||||
href={item.href}
|
href={item.href}
|
||||||
key={item.title}
|
key={item.title}
|
||||||
|
|
@ -309,7 +309,7 @@ export const ARMinimizableLinks = ({
|
||||||
return (
|
return (
|
||||||
<MobileLink
|
<MobileLink
|
||||||
className={cn(
|
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 &&
|
item.href === pathname &&
|
||||||
"border-muted-foreground",
|
"border-muted-foreground",
|
||||||
minimized && "hidden",
|
minimized && "hidden",
|
||||||
|
|
|
||||||
|
|
@ -53,7 +53,7 @@ const MyApp = ({
|
||||||
<Head>
|
<Head>
|
||||||
<title>Infoalloggi.it</title>
|
<title>Infoalloggi.it</title>
|
||||||
<meta
|
<meta
|
||||||
content="width=device-width, initial-scale=1.0"
|
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
|
||||||
name="viewport"
|
name="viewport"
|
||||||
/>
|
/>
|
||||||
<meta
|
<meta
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue