background screen style fix

This commit is contained in:
Sonika 2024-01-05 13:52:44 +05:30
parent dbe1597d21
commit 44f88a43c9
7 changed files with 22 additions and 10 deletions

View File

@ -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>

View File

@ -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>
);
};

View File

@ -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>
)
}

View File

@ -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>
)
}

View File

@ -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>
)
}

View File

@ -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>
)
}

View File

@ -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>
)
}