Skip to content

Commit 863dd3f

Browse files
committed
fix: prevent layout breaking on mobile with min-width
1 parent 2571aee commit 863dd3f

File tree

2 files changed

+3
-1
lines changed

2 files changed

+3
-1
lines changed

src/components/Layout/TopNav/TopNav.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -242,7 +242,7 @@ export default function TopNav({
242242
className={cn(
243243
isMenuOpen
244244
? 'h-screen sticky top-0 lg:bottom-0 lg:h-screen flex flex-col shadow-nav dark:shadow-nav-dark z-20'
245-
: 'z-40 sticky top-0'
245+
: 'z-40 fixed top-0 left-0 right-0'
246246
)}>
247247
<nav
248248
className={cn(

src/styles/index.css

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -393,6 +393,8 @@
393393
html {
394394
color-scheme: light;
395395

396+
overflow-x: hidden;
397+
396398
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
397399
-webkit-tap-highlight-color: transparent;
398400
}

0 commit comments

Comments
 (0)