diff --git a/public/index.css b/public/index.css index 3fe9f481..7ad6cd38 100644 --- a/public/index.css +++ b/public/index.css @@ -14,6 +14,7 @@ .termsfeed-com---palette-dark.termsfeed-com---nb { border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; background-color: #b5e3fd !important; } @@ -104,3 +105,28 @@ .termsfeed-com---pc-dialog input[type='checkbox'].cc-custom-checkbox + label { color: var(--text-color) !important; } + +.termsfeed-com---nb .cc-nb-main-container { + padding: 2rem !important; +} + +@media (max-width: 600px) { + .termsfeed-com---nb-simple { + max-width: 100% !important; + } + + .termsfeed-com---nb .cc-nb-text { + font-size: 0.875rem !important; + line-height: 1.25rem !important; + } +} +@media (min-width: 600px) { + .termsfeed-com---nb-simple { + max-width: 70% !important; + } +} +@media (min-width: 1048px) { + .termsfeed-com---nb-simple { + max-width: 50% !important; + } +} diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx index dd54ba6b..988625be 100644 --- a/src/components/Footer/index.tsx +++ b/src/components/Footer/index.tsx @@ -12,12 +12,12 @@ import { } from '@mui/material' import { FooterButtons, FooterLinks, SocialMediaLinks } from '../../constants/footer-consts' +import { mdiInformationOutline } from '@mdi/js' import Icon from '@mdi/react' -import { Link } from 'react-router-dom' import React from 'react' +import { Link } from 'react-router-dom' import { SUITE_RELEASES } from '../../constants/route-paths' import Version from './Version' -import { mdiInformationOutline } from '@mdi/js' export default function Footer() { const theme = useTheme() @@ -219,7 +219,7 @@ export default function Footer() { component="p" sx={{ textAlign: 'center' }} > - © {year} Camino Network Foundation. All rights reserved + © {year} Camino Network Foundation. All rights reserved.