From 653d75ce8b844a8ea610e6b8fcfb67e008082e4a Mon Sep 17 00:00:00 2001 From: Fawole Ajibola Lukman Date: Tue, 13 Jun 2023 19:57:34 +0100 Subject: [PATCH] fix: changed project input background and updated yarn.lock file #1028 (#1189) * fix:added prefix to headers in contributor card component * fix:added prefix to headers in contributor card component * added project to the project list * added project to the project list * refactor the hero section of the home page * added array of objects inside homepage-image file * changed the background color of scroll buton to align with dark mode and light mode * fix: add focus to project page input, ensure focus functionality , fix issue #1028 * fix: add focus to project page input, ensure focus functionality , fix issue #1028 * fix: add focus to project page input, ensure focus functionality , fix issue #1028 * fix: add color to input text to adjust to both light and dark mode, fix issue #1028 * fix: add color to input text to adjust to both light and dark mode, fix issue #1028 --------- Signed-off-by: Fawole Ajibola Lukman --- pnpm-lock.yaml | 2 +- src/CSS/index.css | 4 ++++ src/pages/ProjectsPage.jsx | 6 ++++-- 3 files changed, 9 insertions(+), 3 deletions(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 117cf4db7..aeba1d8e3 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -1,4 +1,4 @@ -lockfileVersion: '6.0' +lockfileVersion: '6.1' settings: autoInstallPeers: true diff --git a/src/CSS/index.css b/src/CSS/index.css index 8d7935936..f8c05a91c 100644 --- a/src/CSS/index.css +++ b/src/CSS/index.css @@ -91,6 +91,10 @@ body { animation-iteration-count: infinite; } +input.custom { + caret-color: purple; +} + @tailwind components; @tailwind utilities; diff --git a/src/pages/ProjectsPage.jsx b/src/pages/ProjectsPage.jsx index b880bd7c0..49948fac1 100644 --- a/src/pages/ProjectsPage.jsx +++ b/src/pages/ProjectsPage.jsx @@ -23,6 +23,7 @@ import { ThemeContext } from '../context/Theme'; function ProjectsPage() { const Projects = []; const { theme } = useContext(ThemeContext); + projects.forEach((project) => { const username = project.github_username; project.Projects.forEach((proj) => { @@ -98,8 +99,9 @@ function ProjectsPage() { type="text" id="combo-box-demo" placeholder="Thea Theme" - className="hover:bg-slate-200 border-solid border-2 outline-none border-primary rounded-md p-2 md:w-1/2" - style={{ color: 'black' }} + className={`custom border-solid border-2 outline-none border-primary rounded-md p-2 md:w-1/2 bg-transparent ${ + theme.mode === 'light' ? 'text-black' : 'text-white' + }`} onChange={handleChange} value={searchValue} />