From 1a0f632a9e2b714d0c00b5d38055d23d9b4ca2aa Mon Sep 17 00:00:00 2001 From: Vaibhav-kesarwani Date: Tue, 6 Aug 2024 08:20:26 +0530 Subject: [PATCH 01/26] Added Aceternity UI --- frontend/src/DB/product.json | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/frontend/src/DB/product.json b/frontend/src/DB/product.json index 26ca8d80..35ca69d9 100644 --- a/frontend/src/DB/product.json +++ b/frontend/src/DB/product.json @@ -5964,5 +5964,12 @@ "image": "https://github.com/user-attachments/assets/346f645b-78b4-428a-8c40-d5aab174a397", "link": "https://www.edenai.co/post/best-generative-ai-apis", "description": "Eden AI is a platform that allows you to create your own generative AI tools." + }, + { + "productName": "Aceternity UI", + "category": "UI library", + "image": "https://github.com/user-attachments/assets/49058348-4dd1-478f-8197-606de13e5a07", + "link": "https://ui.aceternity.com/", + "description": "Copy paste the most trending components and use them in your websites without having to worry about styling and animations." } ] From 0ba7bc8cd773693a41ff86646bb43aa490974f87 Mon Sep 17 00:00:00 2001 From: Sailaja Adapa Date: Tue, 6 Aug 2024 13:31:55 +0530 Subject: [PATCH 02/26] Alligned Navbar --- frontend/src/Component/Navbar/Navbar.js | 8 +++---- frontend/src/Component/Navbar/NavbarCenter.js | 4 +++- frontend/src/style/Navbar.css | 21 ++++++++++--------- 3 files changed, 18 insertions(+), 15 deletions(-) diff --git a/frontend/src/Component/Navbar/Navbar.js b/frontend/src/Component/Navbar/Navbar.js index 44c5eb31..3a9304a3 100644 --- a/frontend/src/Component/Navbar/Navbar.js +++ b/frontend/src/Component/Navbar/Navbar.js @@ -3,16 +3,15 @@ import "../../style/Navbar.css"; import Sidebar from "../Sidebar/Sidebar"; import NavbarLeft from "./NavbarLeft"; import NavbarCenter from "./NavbarCenter"; -import Progress from "./Progress"; function Navbar(props) { const [showSideNav, setShowSideNav] = useState(false); return (
-
- +
- + + {/* Pass setSearchQuery directly */} @@ -21,4 +20,5 @@ function Navbar(props) {
); } + export default Navbar; diff --git a/frontend/src/Component/Navbar/NavbarCenter.js b/frontend/src/Component/Navbar/NavbarCenter.js index 4019dc29..d449e9bd 100644 --- a/frontend/src/Component/Navbar/NavbarCenter.js +++ b/frontend/src/Component/Navbar/NavbarCenter.js @@ -25,6 +25,7 @@ function NavbarCenter( ) { const handleRateUsClick = () => { setIsModalOpen(true); }; + const handleCloseModal = () => { setIsModalOpen(false); }; @@ -48,7 +49,8 @@ function NavbarCenter( ) {
Bookmark {totalBookmarks}
- } + } + to="/bookmark" /> diff --git a/frontend/src/style/Navbar.css b/frontend/src/style/Navbar.css index 52fbae21..24319335 100644 --- a/frontend/src/style/Navbar.css +++ b/frontend/src/style/Navbar.css @@ -1,12 +1,3 @@ -#progressBar { - position: fixed; - top: 0; - left: 0; - width: 0%; - height: 8px; - background:linear-gradient(90deg,rgb(113, 111, 111),rgb(38, 37, 37)); - z-index: 9999; -} .navbar { background-color: #6a43c3; padding: 1rem; @@ -91,7 +82,7 @@ width: fit-content; justify-content: center; align-items: center; - padding: 8px; + padding: 10px; gap: 5px; animation: slideLeft 1s ease forwards; } @@ -148,6 +139,16 @@ transform: rotate(-135deg); } +.navbar-left { + display: flex; + width: fit-content; + justify-content: flex-start; /* Align items to the left */ + align-items: center; + padding: 10px; + gap: 5px; + animation: slideLeft 1s ease forwards; +} + .navbar-center { animation: slideRight 1s ease forwards; margin-right: 115px; From 6c07de68d64ca10047342e15aacb48a654797728 Mon Sep 17 00:00:00 2001 From: Sailaja Adapa Date: Tue, 6 Aug 2024 13:48:40 +0530 Subject: [PATCH 03/26] Fixed Moblie view --- frontend/src/App.js | 1 - frontend/src/Component/Footer.js | 2 +- frontend/src/Component/Sidebar/Sidebar.js | 2 +- frontend/src/style/Footer.css | 1 - frontend/src/style/Navbar.css | 1 - 5 files changed, 2 insertions(+), 5 deletions(-) diff --git a/frontend/src/App.js b/frontend/src/App.js index 403036fa..25cb0e24 100644 --- a/frontend/src/App.js +++ b/frontend/src/App.js @@ -43,7 +43,6 @@ const RemoteJob = lazy(() => import("./pages/RemoteJob")); function App() { const [searchQuery, setSearchQuery] = useState(""); - useEffect(() => { AOS.init(); }, []); diff --git a/frontend/src/Component/Footer.js b/frontend/src/Component/Footer.js index c7872b1d..ac69a22b 100644 --- a/frontend/src/Component/Footer.js +++ b/frontend/src/Component/Footer.js @@ -1,7 +1,6 @@ import React from "react"; import logo from "../image/logo1.png"; import "../style/Footer.css"; - import { FaGithubSquare, FaLinkedinIn, @@ -28,6 +27,7 @@ import { BsYoutube, BsFillPersonLinesFill, BsCodeSlash } from "react-icons/bs"; import { Link } from "react-router-dom"; function Footer() { return ( +