From 53e3429a83b6b2471d4379b1254a8d64ba5f3586 Mon Sep 17 00:00:00 2001 From: Aadityapoddar Date: Thu, 10 Jul 2025 09:43:20 +0530 Subject: [PATCH 1/3] fix(frontend): update navbar to match new design Add line animation to highlight the active page. Make navbar responsive for all screen sizes. Closes #28 --- src/assets/navbar-images/YDO-logo.png | Bin 3552 -> 34956 bytes src/components/Navbar/Navbar.css | 257 +++++++++++++++++++++----- src/components/Navbar/Navbar.jsx | 144 +++++++++------ 3 files changed, 303 insertions(+), 98 deletions(-) diff --git a/src/assets/navbar-images/YDO-logo.png b/src/assets/navbar-images/YDO-logo.png index 4fc7b9bbd5aa8a9cbc20a073c87498b28883c34d..4a5f69fa34d0d4113ab63e72feba2af13198e692 100644 GIT binary patch literal 34956 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 delta 3537 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 LNkvXXu0mjf{@=bX diff --git a/src/components/Navbar/Navbar.css b/src/components/Navbar/Navbar.css index e3e37a2..d9faed2 100644 --- a/src/components/Navbar/Navbar.css +++ b/src/components/Navbar/Navbar.css @@ -1,68 +1,239 @@ .nav-header{ - height: 82px; + height: 82px; + display: flex; + flex-direction: row; + justify-content: center; + position: fixed; + top: 10px; + left: 0; + right: 0; + background-color: transparent; + border: none; + margin-bottom: 2px; + font-size: 82px; +} +.nav-main{ + display: flex; + position: relative; + width: 85%; + align-items: center; + height: 100%; +} +.nav-middle{ + flex: 4; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + margin-left: 10px; + margin-right: 5px; + height: 100%; + font-size: 100%; +} +.nav-left{ + display: flex; + justify-content: left; + flex: 2; + align-items: center; + flex-direction: row; + height: 100%; +} +.nav-right{ + display: flex; + justify-content: right; + flex-direction: row; + flex: 2; + align-items: center; + height: 100%; +} +.content{ + color: #F6CCB6; + font-size: 32%; + font-family: sans-serif; + letter-spacing: 2px; + margin-right: 10px; + position: relative; +} +.tool-set{ + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + flex: 0.5; + padding: 0; + height: 100%; +} +.notifications-YDO, +.Settings-YDO, +.Account-YDO{ + height: 34%; +} + +.YDO-logo{ + height: 99%; +} + + +.notifications-YDO:hover, +.Settings-YDO:hover, +.Account-YDO:hover, +.content:hover +{ + color: #F6CCB6; + filter: url(#pinkShadow); +} +.btn, +.btn:active, +.btn:focus { + display: flex; + justify-content: center; + border: 0; + outline: 0; + box-shadow: none ; + background-color: transparent; + align-items: center; + padding: 0; + padding-right: 10px; +} +.nav-indicator{ + background-color: #F6CCB6; + height: 2px; + display: block; + position: absolute; + bottom: 30%; + transform-origin: left; + transition: transform 0.6s ease,width 0.6s ease; + border-radius: 2px; + transform: translateX(0px); + opacity: 0; + width: 0; +} + +@media screen and (min-width: 700px) and (max-width: 850px) { + .nav-header{ + height: 75px; display: flex; flex-direction: row; - justify-content: space-between; + justify-content: center; position: fixed; - top: 0; + top: 10px; left: 0; right: 0; background-color: transparent; border: none; margin-bottom: 2px; + font-size: 75px; } - .nav-middle{ - flex: 1; + .nav-main{ display: flex; - flex-direction: row; - justify-content: space-between; + position: relative; + width: 90%; align-items: center; - margin-left: 15px; } - .content{ - color: #F6CCB6; - font-size: 25px; - font-family: sans-serif; - letter-spacing: 2px; - margin-right: 15px; +} + +@media screen and (min-width: 590px) and (max-width: 699px) { + .nav-header{ + height: 60px; + display: flex; + flex-direction: row; + justify-content: center; + position: fixed; + top: 10px; + left: 0; + right: 0; + background-color: transparent; + border: none; + margin-bottom: 2px; + font-size: 60px; } - .tool-set{ + .nav-main{ + display: flex; + position: relative; + width: 90%; + align-items: center; + } +} + +@media screen and (min-width: 520px) and (max-width: 590px){ + .nav-header{ + height: 52px; display: flex; flex-direction: row; - justify-content: space-between; + justify-content: center; + position: fixed; + top: 10px; + left: 0; + right: 0; + background-color: transparent; + border: none; + margin-bottom: 2px; + font-size: 55px; + } + .nav-main{ + display: flex; + position: relative; + width: 96%; align-items: center; } - .notifications-YDO{ - height: 24px; - margin-right: 20px; +} +@media screen and (min-width: 430px) and (max-width: 519px){ + .nav-header{ + height: 45px; + display: flex; + flex-direction: row; + justify-content: center; + position: fixed; + top: 10px; + left: 0; + right: 0; + background-color: transparent; + border: none; + margin-bottom: 2px; + font-size: 45px; } - .Settings-YDO{ - height: 28px; - margin-right: 20px; + .content{ + color: #F6CCB6; + font-size: 32%; + font-family: sans-serif; + letter-spacing: 1px; + margin-right: 10px; + position: relative; } - .Account-YDO{ - height: 27px; - margin-right: 20px; + .nav-main{ + display: flex; + position: relative; + width: 98%; + align-items: center; } - .YDO-logo{ - height: 81px; - margin-right: 20px; +} +@media screen and (max-width: 429px){ + .nav-header{ + height: 35px; + display: flex; + flex-direction: row; + justify-content: center; + position: fixed; + top: 10px; + left: 0; + right: 0; + background-color: transparent; + border: none; + margin-bottom: 2px; + font-size: 35px; } - - - .notifications-YDO:hover, - .Settings-YDO:hover, - .Account-YDO:hover, - .content:hover - { + .content{ color: #F6CCB6; - filter: url(#redShadow); + font-size: 32%; + font-family: sans-serif; + letter-spacing: 0.5px; + margin-right: 10px; + position: relative; } - .active{ - color: #F6CCB6; - filter: url(#pinkShadow); + .nav-main{ + display: flex; + position: relative; + width: 99%; + align-items: center; } - .active:hover{ - color: #F6CCB6; - filter: url(#pinkShadow); - } \ No newline at end of file +} diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx index 5330d57..da86d0b 100644 --- a/src/components/Navbar/Navbar.jsx +++ b/src/components/Navbar/Navbar.jsx @@ -1,73 +1,107 @@ -import React from 'react' +import React, { useEffect, useRef, useState } from 'react' +import { useLocation } from 'react-router' import {NavLink} from 'react-router' -import './Navbar.css' +import './App.css' import YDO from '../../assets/navbar-images/YDO-logo.png' import notification from '../../assets/navbar-images/notification-YDO.png' import Account from '../../assets/navbar-images/Account-YDO.png' import Settings from '../../assets/navbar-images/Settings-YDO.png' -function Navbar() { +function App() { + const Reference=useRef(null) + const location=useLocation() + const [initialLoad,setInitialLoad]=useState(true) + + const [windowSize, setWindowSize] = useState({ + width: window.innerWidth, + height: window.innerHeight, + }); + useEffect(() => { + const OnResize = () => { + setWindowSize({ + width: window.innerWidth, + height: window.innerHeight, + }); + }; + window.addEventListener('resize', OnResize); + OnResize(); + + return () => window.removeEventListener('resize', OnResize); + }, []); + + useEffect(()=>{ + const activePage=document.querySelector('.active') + const indicator=Reference.current; + if(activePage && indicator){ + const { offsetLeft, offsetWidth } = activePage; + indicator.style.transform =`translateX(${offsetLeft}px)`; + indicator.style.width = `${offsetWidth}px`; + } + if(initialLoad){ + indicator.style.transition='none'; + indicator.style.opacity='1'; + setInitialLoad(false) + } + else{ + indicator.style.transition='transform 0.8s ease,width 0.8s ease'; + } + },[location.pathname,windowSize]) return ( <> - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + - ); -}; + ) +} -export default Navbar; +export default App From fed0e7d7f42d43df5589b25281b12c7b5f695da3 Mon Sep 17 00:00:00 2001 From: Aadityapoddar Date: Thu, 10 Jul 2025 21:58:17 +0530 Subject: [PATCH 2/3] fix(frontend): direct to /profile instead of /Account --- src/components/Navbar/Navbar.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx index da86d0b..bf539aa 100644 --- a/src/components/Navbar/Navbar.jsx +++ b/src/components/Navbar/Navbar.jsx @@ -91,7 +91,7 @@ function App() { - `${isActive? "active":""}`}> + `${isActive? "active":""}`}> From fa2fa0a37ed3039a62d11fbe0cf77e110c499248 Mon Sep 17 00:00:00 2001 From: Aadityapoddar Date: Tue, 22 Jul 2025 21:57:53 +0530 Subject: [PATCH 3/3] fix(frontend): correcting imports in Navbar.jsx --- src/components/Navbar/Navbar.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx index bf539aa..0f2c048 100644 --- a/src/components/Navbar/Navbar.jsx +++ b/src/components/Navbar/Navbar.jsx @@ -1,7 +1,7 @@ import React, { useEffect, useRef, useState } from 'react' import { useLocation } from 'react-router' import {NavLink} from 'react-router' -import './App.css' +import './Navbar.css' import YDO from '../../assets/navbar-images/YDO-logo.png' import notification from '../../assets/navbar-images/notification-YDO.png' import Account from '../../assets/navbar-images/Account-YDO.png'