From e9b51e13b5fe97843c2eab8187a26c9d3f1a40c8 Mon Sep 17 00:00:00 2001 From: Sandeep Sharma Date: Tue, 17 Oct 2023 11:42:24 +0530 Subject: [PATCH] Dark mode added Now user can switch between dark and light mode --- client/public/index.html | 5 +-- client/src/App.js | 38 ++++++++++++----------- client/src/components/Dropdown.js | 4 +-- client/src/components/RadioButtonGroup.js | 4 +-- client/src/components/Sidebar.js | 33 +++++++++++++++++--- client/src/index.css | 4 +++ client/src/index.js | 2 +- client/src/pages/flipkartScraperPage.js | 28 ++++++++--------- client/src/pages/homePage.js | 38 +++++++++++------------ client/src/pages/textSummarizerPage.js | 18 +++++------ client/src/pages/videoDownloaderPage.js | 16 +++++----- client/tailwind.config.js | 1 + 12 files changed, 112 insertions(+), 79 deletions(-) diff --git a/client/public/index.html b/client/public/index.html index bf4d614..229a7f4 100644 --- a/client/public/index.html +++ b/client/public/index.html @@ -5,6 +5,7 @@ Document + - +
"Rotate Device to Landscape"
-
+
\ No newline at end of file diff --git a/client/src/App.js b/client/src/App.js index 6dba883..c4a73b2 100644 --- a/client/src/App.js +++ b/client/src/App.js @@ -5,27 +5,29 @@ import HomePage from './pages/homePage'; import TextSummarizerPage from './pages/textSummarizerPage'; import FlipkartScraperPage from './pages/flipkartScraperPage'; import VideoDownloaderPage from './pages/videoDownloaderPage'; +import './index.css' function App() { return ( -
- {/* Sidebar */} - - - {/* Content */} -
{/* Adjust the margin-left to match your Sidebar width */} - - - - - - - - - - - - +
+
+ {/* Sidebar */} + + {/* Content */} +
{/* Adjust the margin-left to match your Sidebar width */} + + + + + + + + + + + + +
); diff --git a/client/src/components/Dropdown.js b/client/src/components/Dropdown.js index 14ba88c..e28d76d 100644 --- a/client/src/components/Dropdown.js +++ b/client/src/components/Dropdown.js @@ -48,13 +48,13 @@ function Dropdown({ options, value, onChange }) { return (
{value?.label || 'Select...'} - {isOpen && {renderedOptions}} + {isOpen && {renderedOptions}}
); } diff --git a/client/src/components/RadioButtonGroup.js b/client/src/components/RadioButtonGroup.js index a09974b..6c32f3d 100644 --- a/client/src/components/RadioButtonGroup.js +++ b/client/src/components/RadioButtonGroup.js @@ -4,13 +4,13 @@ import Panel from './Panel'; function RadioButtonGroup(props) { return (
- + - +