background screen style fix

src/App.tsx

@@ -25,7 +25,7 @@ function App() {
             <Route path="/manage-users" element={<ManageUsers />} />
             <Route path="/intranet-users" element={<IntranetUsers />} />
             <Route path="/search" element={<Search />} />
-            <Route path="/search" element={<Admin />} />
+            <Route path="/admin" element={<Admin />} />
           </Routes>
         </div>
       </BrowserRouter>

src/components/Dashboard.tsx

@@ -21,14 +21,16 @@ const Dashboard = () => {
   const { data: linkedProjects } = useLinkedProjectData("");
 
   return (
-    <Paper square className="app-background app-screen-heights" sx={{}}>
+    <Box sx={{ backgroundColor: "#0d0d0d", minHeight: "100vh" }}>
+    <Paper square className="app-background app-screen-heights">
       <Box sx={{ flexGrow: 1, marginLeft: "1%",marginRight:'1%', padding: "16px" }}>
-        <Grid container spacing={3} sx={{ flexDirection: { xs: 'column', md: 'row' } }}>
+        <Grid container spacing={3} sx={{ flexDirection: { xs: 'column', md: 'row' }, marginTop:'2%' }}>
           {renderDashboardItem("New Projects That needs Contract Linkage", unlinkedProjects, "#C00243")}
           {renderDashboardItem("Projects That needs To Be Published", linkedProjects, "#E1AB1A")}
         </Grid>
       </Box>
     </Paper>
+    </Box>
   );
 };
 

src/components/admin/Admin.tsx

@@ -1,12 +1,14 @@
-import { Paper } from "@mui/material";
+import { Box, Paper } from "@mui/material";
 import React from "react";
 
 export default function Admin(){
     return (
+        <Box sx={{ backgroundColor: "#0d0d0d", minHeight: "100vh" }}>
         <Paper square className='projectScreen-background' sx={{ width: '100%', overflow: 'hidden',backgroundColor:'rgb(13 13 13)' }}>
             <Paper  className='projectScreen-background' sx={{ margin:'1%', width: '100%', overflow: 'hidden' }}>
-                <h1>hi</h1>
+                {/* <h1>hi</h1> */}
             </Paper>
         </Paper>
+        </Box>
     )
 }

src/components/intranet_users/IntranetUsers.tsx

@@ -19,6 +19,7 @@ import {
   TablePagination,
   Grid,
   InputAdornment,
+  Box,
 } from '@mui/material';
 import EditIcon from '@mui/icons-material/Edit';
 import AddIcon from '@mui/icons-material/Add';
@@ -137,9 +138,9 @@ export default function IntranetUsers(){
     const handleOpen = () => {
       setOpen(true);
     };
-    console.log(selectedRow,"sdfhhgfdg")
   
     return(
+      <Box sx={{ backgroundColor: "#0d0d0d", minHeight: "100vh" }}>
         <Paper square className='projectScreen-background' sx={{ width: '100%', overflow: 'hidden',backgroundColor:'rgb(13 13 13)' }}>
             <Paper  className='projectScreen-background' sx={{ margin:'1%', width: '100%', overflow: 'hidden' }}>
                 <TableContainer component={Paper}>
@@ -264,5 +265,6 @@ export default function IntranetUsers(){
                 </Dialog>
             </Paper>
         </Paper>
+      </Box>
     )
 }

src/components/manage_users/ManageUsers.tsx

@@ -18,6 +18,7 @@ import {
   DialogActions,
   TablePagination,
   InputAdornment,
+  Box,
 } from '@mui/material';
 import SearchIcon from '@mui/icons-material/Search';
 import EditIcon from '@mui/icons-material/Edit';
@@ -138,9 +139,9 @@ export default function ManageUsers(){
     const handleOpen = () => {
       setOpen(true);
     };
-    console.log(selectedRow,"sdfhhgfdg")
   
     return(
+      <Box sx={{ backgroundColor: "#0d0d0d", minHeight: "100vh" }}>
         <Paper square className='projectScreen-background' sx={{ width: '100%', overflow: 'hidden',backgroundColor:'rgb(13 13 13)' }}>
             <Paper  className='projectScreen-background' sx={{ margin:'1%', width: '100%', overflow: 'hidden' }}>
                 <TableContainer component={Paper}>
@@ -273,5 +274,6 @@ export default function ManageUsers(){
                 </Dialog>
             </Paper>
         </Paper>
+      </Box>
     )
 }

src/components/projects/Projects.tsx

@@ -39,7 +39,8 @@ export default function Projects(){
       
 
     return(
-        <>
+     
+        <Box sx={{ backgroundColor: "#0d0d0d", minHeight: "100vh" }}>
         <Card square style={{ backgroundColor:'rgb(13 13 13)'}}>
             <Card sx={{margin:'1%', backgroundColor:'rgb(23 23 22)'}}>
             <CardContent>
@@ -107,6 +108,7 @@ export default function Projects(){
         </Card>
        
         <ProjectList projectData={ContractFilterResponseData}/>
-        </>
+        </Box>
+              
     )
 }

src/components/search/Search.tsx

@@ -1,4 +1,4 @@
-import { Button, FormControl, Grid, InputLabel, MenuItem, Paper, Select, TextField } from "@mui/material";
+import { Box, Button, FormControl, Grid, InputLabel, MenuItem, Paper, Select, TextField } from "@mui/material";
 import React, { useEffect, useState } from "react";
 import { postSearchList, } from "../../APIs/SearchAPIs/postSearchList";
 import AdvancedFilters from "./AdvancedFilters";
@@ -51,6 +51,7 @@ export default function Search() {
   };
 
     return (
+      <Box sx={{ backgroundColor: "#0d0d0d", minHeight: "100vh" }}>
         <Paper square className='projectScreen-background' sx={{ width: '100%', overflow: 'hidden', backgroundColor: 'rgb(13 13 13)' }}>
             <Paper className='projectScreen-background' sx={{ margin: '1%', width: '100%', overflow: 'hidden', textAlign: 'center' }}>
             <Grid container spacing={2} sx={{ bgcolor: '#181818' }} justifyContent="center">
@@ -98,5 +99,6 @@ export default function Search() {
                 {showAdvancedFilters && <AdvancedFilters advanceFilterData={advanceFilterData} setAdvanceFilterData={setAdvanceFilterData}/>}
             </Paper>
         </Paper>
+      </Box>
     )
 }