diff --git a/src/frontend/src/Footer.js b/src/frontend/src/Footer.js index 2079bd5e4..c5ae9a74c 100644 --- a/src/frontend/src/Footer.js +++ b/src/frontend/src/Footer.js @@ -1,7 +1,7 @@ import React from 'react'; import './Footer.scss'; import Container from 'react-bootstrap/Container'; -import logo from './images/BCID_H_rgb_pos.png'; +import logo from './images/dbc-logo.svg'; import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'; import { faArrowUpRightFromSquare, diff --git a/src/frontend/src/Header.js b/src/frontend/src/Header.js index 4ee33ff14..97c5e461e 100644 --- a/src/frontend/src/Header.js +++ b/src/frontend/src/Header.js @@ -8,7 +8,7 @@ import Nav from 'react-bootstrap/Nav'; import Navbar from 'react-bootstrap/Navbar'; // Static files -import logo from './images/BCID_H_rgb_pos.png'; +import logo from './images/dbc-logo.svg'; // Styling import './Header.scss'; diff --git a/src/frontend/src/Header.scss b/src/frontend/src/Header.scss index bd1d335c9..f46393d54 100644 --- a/src/frontend/src/Header.scss +++ b/src/frontend/src/Header.scss @@ -68,14 +68,35 @@ &-brand { padding: 0; - margin-left: 48px; + margin-left: 48px; - @media (min-width: 992px) { - margin-left: 0; + @media (min-width: 992px) { + margin-left: 0; } .header-logo { - height: 50px; + width: 144px; + height: 37px; + top: 6px; + left: 32px; + margin-right: 24px; + } + } + + &-brand { + padding: 0; + margin-left: 48px; + + @media (max-width: 992px) { + margin-left: 0; + } + + .header-logo { + width: 144px; + height: 37px; + top: 6px; + left: 32px; + margin-right: 24px; } } diff --git a/src/frontend/src/images/BCID_H_rgb_pos.png b/src/frontend/src/images/BCID_H_rgb_pos.png deleted file mode 100644 index ebde8bbbd..000000000 Binary files a/src/frontend/src/images/BCID_H_rgb_pos.png and /dev/null differ diff --git a/src/frontend/src/images/dbc-logo.svg b/src/frontend/src/images/dbc-logo.svg new file mode 100644 index 000000000..eb5caf456 --- /dev/null +++ b/src/frontend/src/images/dbc-logo.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +