MetatroncubeSoftwareSolutions/sixty5-street
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile menu updated

Browse Source
This commit is contained in:
Selvi 2025-07-21 16:47:55 +05:30
parent dedc65a9dc
commit 42c1f211f3
4 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
components/layout/MobileMenu.js
View File

@ -35,7 +35,7 @@ const MobileMenu = ({ isSidebar, handleMobileMenu, handleSidebar }) => {
<div className="menu-outer"> <div className="menu-outer">
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent"> <div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
<ul className="navigation"> <ul className="navigation">
<li className={isActive.key == 1 ? "dropdown current" : "dropdown"}><Link href="/">Home</Link> {/* <li className={isActive.key == 1 ? "dropdown current" : "dropdown"}><Link href="/">Home</Link>
<ul style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}> <ul style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
<li><Link href="/">Home One</Link></li> <li><Link href="/">Home One</Link></li>
<li><Link href="index-2">Home Two</Link></li> <li><Link href="index-2">Home Two</Link></li>
@ -43,26 +43,28 @@ const MobileMenu = ({ isSidebar, handleMobileMenu, handleSidebar }) => {
<li><Link href="index-4">Home Four</Link></li> <li><Link href="index-4">Home Four</Link></li>
</ul> </ul>
<div className={isActive.key == 1 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(1)}><span className="fa fa-angle-right" /></div> <div className={isActive.key == 1 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(1)}><span className="fa fa-angle-right" /></div>
</li> </li> */}
<li className={isActive.key == 2 ? "dropdown current" : "dropdown"}><Link href="/#">About</Link> <li className={isActive.key == 2 ? "dropdown current" : "dropdown"}><Link href="/#about">About</Link>
<ul style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}> {/* <ul style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
<li><Link href="about">About</Link></li> <li><Link href="about">About</Link></li>
<li><Link href="team">Team</Link></li> <li><Link href="team">Team</Link></li>
<li><Link href="restaurant">Restaurant</Link></li> <li><Link href="restaurant">Restaurant</Link></li>
</ul> </ul>
<div className={isActive.key == 2 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(2)}><span className="fa fa-angle-right" /></div> <div className={isActive.key == 2 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(2)}><span className="fa fa-angle-right" /></div> */}
</li> </li>
<li className={isActive.key == 3 ? "dropdown current" : "dropdown"}><Link href="/#">Menu</Link> <li><Link href="/#popular-dishes">Popular Dishes</Link></li>
<ul style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}> <li><Link href="/#sixty5-street-specials">Sixty5 Street Specials</Link></li>
<li className={isActive.key == 3 ? "dropdown current" : "dropdown"}><Link href="/#menu">Menu</Link>
{/* <ul style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
<li><Link href="menu">Menu</Link></li> <li><Link href="menu">Menu</Link></li>
<li><Link href="milkshake">Milk Shake</Link></li> <li><Link href="milkshake">Milk Shake</Link></li>
<li><Link href="frappe">Frappe</Link></li> <li><Link href="frappe">Frappe</Link></li>
<li><Link href="boba-tea">Boba Tea</Link></li> <li><Link href="boba-tea">Boba Tea</Link></li>
<li><Link href="slushy">Slushy</Link></li> <li><Link href="slushy">Slushy</Link></li>
</ul> </ul>
<div className={isActive.key == 3 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(3)}><span className="fa fa-angle-right" /></div> <div className={isActive.key == 3 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(3)}><span className="fa fa-angle-right" /></div> */}
</li> </li>
<li className={isActive.key == 4 ? "dropdown current" : "dropdown"}><Link href="/#">Gallery</Link> {/* <li className={isActive.key == 4 ? "dropdown current" : "dropdown"}><Link href="/#">Gallery</Link>
<ul style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}> <ul style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>
<li><Link href="gallery">Gallery</Link></li> <li><Link href="gallery">Gallery</Link></li>
<li><Link href="gallery-2">Gallery 02</Link></li> <li><Link href="gallery-2">Gallery 02</Link></li>
@ -78,7 +80,7 @@ const MobileMenu = ({ isSidebar, handleMobileMenu, handleSidebar }) => {
</ul> </ul>
<div className={isActive.key == 5 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(5)}><span className="fa fa-angle-right" /></div> <div className={isActive.key == 5 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(5)}><span className="fa fa-angle-right" /></div>
</li> </li>
<li><Link href="/contact">Contact</Link></li> <li><Link href="/contact">Contact</Link></li> */}
</ul> </ul>
</div> </div>
</div> </div>

2
components/sections/home1/Juice.js
View File

@ -8,7 +8,7 @@ export default function Juice() {
{/* Juice Section */} {/* Juice Section */}
<section className="juice-section" id="about"> <section className="juice-section" id="about">
<div className="section-text">Sixty5Street</div> {/* <div className="section-text">Sixty5Street</div> */}
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/background/1.png)' }} ></div> */} {/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/background/1.png)' }} ></div> */}
<div className="pattern-layer-two" style={{ backgroundImage: 'url(assets/images/resource/juice-glass.png)' }} ></div> <div className="pattern-layer-two" style={{ backgroundImage: 'url(assets/images/resource/juice-glass.png)' }} ></div>
<div className="auto-container"> <div className="auto-container">

2
components/sections/home4/Menu2.js
View File

@ -19,7 +19,7 @@ export default function Menu2() {
<img src="assets/images/icons/menu-1.png" alt="" /> <img src="assets/images/icons/menu-1.png" alt="" />
</div> </div>
<h6><Link href="#">Street Flavor</Link></h6> <h6><Link href="#">Street Flavor</Link></h6>
<div className="text">Spicy shawarmas, crispy dosas, saucy wings burst with bold, unforgettable flavor.</div> <div className="text">Spicy shawarmas, crispy dosas, saucy wings burst with bold, unforgettable street flavor.</div>
</div> </div>
</div> </div>

2
public/assets/css/responsive.css
View File

@ -205,7 +205,7 @@
.main-header{ .main-header{
position:relative; position:relative;
background-color:#222222; background-color:#e0766d;
} }
.main-header .nav-outer{ .main-header .nav-outer{