aljaz/landscape-template
1
0
Fork 0
mirror of https://github.com/aljazceru/landscape-template.git synced 2026-01-07 08:24:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

removed un-implemented links from navbar

Browse Source
This commit is contained in:
MTG2000
2022-01-12 21:00:41 +02:00
parent 1d71897e62
commit 1dc141dc58
3 changed files with 17 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/Components/Button/Button.tsx
View File

@@ -61,11 +61,10 @@ export default function Button({ color = 'white', variant = 'fill', isLoading, d
${btnPadding[size]}
${variant === 'fill' ? btnStylesFill[color] : btnStylesOutline[color]}
${isLoading && disableOnLoading && 'bg-opacity-70 pointer-events-none'}
${fullWidth && 'w-full'}
`;
if (size === 'md') classes += ' py-12 px-24';
if (size === 'lg')
if (fullWidth) classes += ' w-full'
const handleClick = () => {
if (isLoading && disableOnLoading) return;

16
src/Components/Navbar/NavMobile.tsx
View File

@@ -68,25 +68,27 @@ export default function NavMobile({ onSearch }: Props) {
animate={open ? "show" : "hide"}
>
<div className="px-16">
<form className='relative' onSubmit={handleSubmit}>
{/* <form className='relative' onSubmit={handleSubmit}>
<BsSearch className='absolute top-1/2 left-20 transform -translate-x-1/2 -translate-y-1/2 text-gray-500' />
<input
value={searchInput}
onChange={e => setSearchInput(e.target.value)}
className="bg-gray-100 text-gray-600 focus:outline-primary w-full py-12 px-20 pl-40 rounded-24 placeholder-gray-500" placeholder="Search" />
{/* <input className="btn bg-gray-100 w-full rounded-24 mt-16 placeholder-gray-500" placeholder="Search" /> */}
</form>
<input className="btn bg-gray-100 w-full rounded-24 mt-16 placeholder-gray-500" placeholder="Search" />
</form> */}
<Button color='primary' fullWidth className="py-12 px-40 rounded-24 mt-40">Submit App️</Button>
<Button color='gray' fullWidth className="py-12 px-40 rounded-24 my-16"> <AiFillThunderbolt className='inline-block text-thunder transform scale-125' /> Connect Wallet </Button>
{/* <Button color='gray' fullWidth className="py-12 px-40 rounded-24 my-16"> <AiFillThunderbolt className='inline-block text-thunder transform scale-125' /> Connect Wallet </Button> */}
</div>
<ul className="py-16 gap-64 border-t">
{/* <ul className="py-16 gap-64 border-t">
{navLinks.map((link, idx) => <li key={idx} className="text-body3 p-16 hover:bg-gray-200">
<Link to={link.url}><link.icon className={`text-body2 inline-block mr-12 ${link.color}`} /> {link.text} </Link></li>
)}
</ul>
<ul className="px-16 py-16 pb-32 flex flex-wrap gap-y-12 border-t mt-auto">
</ul> */}
<ul className="px-16 py-16 pb-32 flex flex-wrap gap-y-12 border-t mt-32">
<li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2"><a href="/">About Us</a></li>
<li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2"><a href="/">Support</a></li>
<li className="text-body4 text-gray-500 hover:text-gray-700 w-1/2"><a href="/">Press</a></li>

12
src/Components/Navbar/Navbar.tsx
View File

@@ -86,23 +86,23 @@ export default function Navbar() {
{/* Desktop Nav */}
<nav className="hidden bg-white w-full lg:flex fixed top-0 left-0 py-36 px-32 items-center z-[2010]">
<Link to='/'><h2 className="text-h5 font-bold mr-40 lg:mr-64">makers.bolt.fun</h2></Link>
<ul className="flex gap-32 xl:gap-64">
{/* <ul className="flex gap-32 xl:gap-64">
{navLinks.map((link, idx) => <li key={idx} className="text-body4 hover:text-primary-600">
<Link to={link.url}><link.icon className={`text-body2 align-middle inline-block mr-8 ${link.color}`} /> {link.text}</Link></li>
)}
</ul>
</ul> */}
<div className="ml-auto flex">
<motion.div
animate={searchOpen ? { opacity: 0 } : { opacity: 1 }}
className="flex">
<Button color='primary' size='md' className="lg:px-40">Submit App️</Button>
{isWalletConnected ?
{/* {isWalletConnected ?
<Button className="ml-16 py-12 px-16 lg:px-20">Connected <AiFillThunderbolt className='inline-block text-thunder transform scale-125' /></Button>
: <Button className="ml-16 py-12 px-16 lg:px-20" onClick={onConnectWallet}><AiFillThunderbolt className='inline-block text-thunder transform scale-125' /> Connect Wallet </Button>
}
} */}
</motion.div>
<form onBlur={toggleSearch} className='relative flex items-center' onSubmit={handleSubmit}>
{/* <form onBlur={toggleSearch} className='relative flex items-center' onSubmit={handleSubmit}>
{searchOpen ? <GrClose onClick={toggleSearch} className='text-gray-500 w-24 h-24 mx-12 z-20 hover:cursor-pointer' /> : <BsSearch onClick={toggleSearch} className='text-gray-500 w-24 h-24 mx-12 z-20 hover:cursor-pointer' />}
{searchOpen && <motion.input
ref={inputRef}
@@ -115,7 +115,7 @@ export default function Navbar() {
}}
className="absolute top-0 right-0 z-10 bg-gray-100 text-gray-600 focus:outline-primary w-[300px] py-12 px-20 pr-40 rounded-24 placeholder-gray-500" placeholder="Search" />
}
</form>
</form> */}
</div>
</nav>
</>