diff --git a/website/src/css/custom.css b/website/src/css/custom.css index a4b8111e..79b34769 100644 --- a/website/src/css/custom.css +++ b/website/src/css/custom.css @@ -137,7 +137,7 @@ article { background-color: var(--ifm-navbar-link-hover-color); } -[data-theme='dark'] .awsFooter { +[data-theme='dark'] .kroFooter { background-color: var(--main-color-dark); } @@ -167,4 +167,4 @@ div[class^="announcementBar_"] { overflow: hidden; height: 100%; opacity: 1; -} \ No newline at end of file +} diff --git a/website/src/theme/Footer/footer.module.css b/website/src/theme/Footer/footer.module.css index 4395e4b1..75375099 100644 --- a/website/src/theme/Footer/footer.module.css +++ b/website/src/theme/Footer/footer.module.css @@ -1,4 +1,4 @@ -.awsFooter { +.kroFooter { display: flex; justify-content: center; align-items: center; @@ -6,24 +6,13 @@ color: white; } -[data-theme='dark'] .awsFooter { +[data-theme='dark'] .kroFooter { background-color: var(--main-color-dark); } -.awsFooterText { +.kroFooterText { padding: 2.5px; font-size: 1.1rem; font-weight: bold; margin: auto; } - -.awsFooterTextHeart { - content: url("@site/static/img/heart.svg"); - margin-left: 6px; - margin-right: 6px; - height: 18px; - max-height: 18px; - margin: auto; - padding: 0; - padding-top: 2px; -} \ No newline at end of file diff --git a/website/src/theme/Footer/index.tsx b/website/src/theme/Footer/index.tsx index c4e385af..e4cd05b2 100644 --- a/website/src/theme/Footer/index.tsx +++ b/website/src/theme/Footer/index.tsx @@ -8,13 +8,10 @@ import styles from './footer.module.css'; type Props = WrapperProps; export default function FooterWrapper(props) { - const heart = require('@site/static/img/heart.svg').default; return ( <> -
-

Built with  - heart -  at AWS

+
+