Adjust the display of mobile menus and add a navigation button
Update the animation for the mobile menu on the video page and add a mobile navigation button to the 404 page. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/jevPZgI
This commit is contained in:
parent
9ffc51b5d9
commit
9885905652
@ -166,14 +166,14 @@ export default function VideoPage() {
|
|||||||
onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen)}
|
onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen)}
|
||||||
data-testid="button-mobile-menu-video"
|
data-testid="button-mobile-menu-video"
|
||||||
>
|
>
|
||||||
{isMobileMenuOpen ? <X className="text-xl" /> : <Menu className="text-xl" />}
|
<Menu className="text-xl" />
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Mobile Menu */}
|
{/* Mobile Menu */}
|
||||||
{isMobileMenuOpen && (
|
{isMobileMenuOpen && (
|
||||||
<div className="md:hidden bunny-gray border-b border-white/20 animate-in slide-in-from-top-2 duration-200">
|
<div className="md:hidden bunny-gray border-b border-white/20 animate-in slide-in-from-right-2 duration-200">
|
||||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
|
||||||
{/* Mobile Navigation */}
|
{/* Mobile Navigation */}
|
||||||
<nav className="flex flex-col space-y-4">
|
<nav className="flex flex-col space-y-4">
|
||||||
|
|||||||
@ -34,6 +34,16 @@ export default function NotFound() {
|
|||||||
</a>
|
</a>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Mobile Menu Button */}
|
||||||
|
<Button
|
||||||
|
variant="ghost"
|
||||||
|
className="md:hidden text-bunny-light"
|
||||||
|
onClick={() => window.location.href = '/'}
|
||||||
|
data-testid="button-mobile-home-404"
|
||||||
|
>
|
||||||
|
<Menu className="text-xl" />
|
||||||
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user