Merge pull request #2939 from sailaja-adapa/mob

Fixed Mobile view
HimanshuNarware · Aug 10, 2024 · cc3f989 · cc3f989
2 parents 6a566f8 + df9b242
commit cc3f989
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 7 deletions.
diff --git a/frontend/src/App.css b/frontend/src/App.css
@@ -1,5 +1,10 @@
 .sidebar-content {
   padding: 10px;
+  cursor: pointer;
+
+  transition: background-color 0.2s;
+} 
+
   cursor: pointer; 
   transition: background-color 0.2s;
 } 

diff --git a/frontend/src/App.js b/frontend/src/App.js
@@ -1,5 +1,9 @@
 import React, { useState, useEffect, Suspense, lazy } from "react";
 import { Route, Routes } from "react-router-dom"; // Correct import
+import "./App.css";  
+import About from "./Component/About"; 
+import Footer from "./Component/Footer"; 
+import Rateus from "./Component/Rateus"; 
 
 import "./App.css"; 
 import About from "./Component/About";
@@ -14,6 +18,7 @@ import BackToTopButton from "./Component/BackToTopButton";
 import OpenSource from "./Component/OpenSource";
 import Review from "./Component/Review";
 import "./App.css";
+
 import AOS from "aos";
 import "aos/dist/aos.css";
 import { Toaster } from "react-hot-toast";

diff --git a/frontend/src/style/Home.css b/frontend/src/style/Home.css
@@ -19,20 +19,19 @@
 
 /* Custom scrollbar for webkit browsers (Chrome, Safari, Edge) */
 
-::-webkit-scrollbar-track {
-  background-color: var(
-    --scrollbar-bg
-  ); /* Background color of the scrollbar track */
-  border-radius: 15px;
-}
-
 /* Custom scrollbar for Firefox */
 ::-webkit-scrollbar {
   scrollbar-width: thin; /* Makes the scrollbar thin */
   scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg); /* Custom colors */
   border-radius: 15px;
   width: 6px; /* Width of the scrollbar */
 }
+::-webkit-scrollbar-track {
+  background-color: var(
+    --scrollbar-bg
+  ); /* Background color of the scrollbar track */
+  border-radius: 15px;
+}
 /* contributor style */
 .contributors-section {
   text-align: center;