diff --git a/src/Admin/Pages/Pages/SubPages/BlockedUsers.js b/src/Admin/Pages/Pages/SubPages/BlockedUsers.js index 90f929ac493047afe941d363d0a47b62b3d7409b..8ca50cffbf0c5725d1ec30ceacfe91995ea1877e 100644 --- a/src/Admin/Pages/Pages/SubPages/BlockedUsers.js +++ b/src/Admin/Pages/Pages/SubPages/BlockedUsers.js @@ -111,7 +111,8 @@ const BlockedUsers = () => { style={{ textAlign: "center", padding: "0.5em", - backgroundColor: "#FF8C00", + backgroundColor: state.contrast === "" ? "#FF8C00" : "black", + border: state.contrast === "" ? "" : "1px solid white", fontWeight: "500", color: "#FFFAFA", }} @@ -125,7 +126,8 @@ const BlockedUsers = () => { style={{ textAlign: "center", padding: "0.5em", - backgroundColor: "red", + backgroundColor: state.contrast === "" ? "red" : "black", + border: state.contrast === "" ? "" : "1px solid white", fontWeight: "500", color: "#FFFAFA", }} @@ -139,7 +141,8 @@ const BlockedUsers = () => { style={{ textAlign: "center", padding: "0.5em", - backgroundColor: "#797D7F", + backgroundColor: state.contrast === "" ? "#797D7F" : "black", + border: state.contrast === "" ? "" : "1px solid white", fontWeight: "500", color: "#FFFAFA", }} @@ -431,7 +434,7 @@ const BlockedUsers = () => { index === items.length - 1 ? <TableRow className={classesRow.root} key={new Date().toISOString() + row.created_at}> {/* Button to load more data */} - <TableCell className={classesCell.root} colpsan={6}> + <TableCell className={classesCell.root} colspan={6}> <Button color='primary' variant='text' diff --git a/src/Components/AreasSubPagesFunction.js b/src/Components/AreasSubPagesFunction.js index 7078cb081a7a40a928da548ab6101ff1edacda6f..f3f3a60a33780af4e7b03db9b90589917aec980d 100644 --- a/src/Components/AreasSubPagesFunction.js +++ b/src/Components/AreasSubPagesFunction.js @@ -95,7 +95,7 @@ function ReqResources(props) { </Grid> </Grid> : - <Carousel showThumbs={false} infiniteLoop={true} showStatus={false}> + <Carousel className={`${props.contrast}Carousel`} showThumbs={false} infiniteLoop={true} showStatus={false}> { rows.length >= 1 ? rows.map((row, index) => ( @@ -164,7 +164,7 @@ function ReqCollections(props) { </Grid> : rows.length >= 1 ? - <Carousel showThumbs={false} infiniteLoop={true} showStatus={false}> + <Carousel className={`${props.contrast}Carousel`} showThumbs={false} infiniteLoop={true} showStatus={false}> { rows.map((row, index) => ( <Row style={{ paddingBottom: "5px", margin: '0 auto', width: "80%", justifyContent: "center", minHeight: "50px" }} key={(index + 1)}> diff --git a/src/Components/carousel.css b/src/Components/carousel.css index 3a4c6336859565de33631450b35b9ed963a8dfdd..929ac9e38c8a118fffc3501e47deb192158b3a01 100644 --- a/src/Components/carousel.css +++ b/src/Components/carousel.css @@ -26,12 +26,16 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/> position: inherit !important; } -.carousel .control-arrow { +.Carousel .control-arrow { background: orange !important; - /* position: relative !important; */ - -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2); - box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2); + -webkit-box-shadow: 0px 0px 30px -10px #000000; + box-shadow: 0px 0px 15px -5px #000000; +} + +.ContrastCarousel .control-arrow { + background: black !important; + border: 1px solid white !important; } .MuiPaper-elevation1-209{ @@ -48,4 +52,5 @@ along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/> vertical-align: middle; height: 50px; width: 50px; + margin: 10px; }