diff --git a/ui/app/components/NavBar.js b/ui/app/components/NavBar.js index a174bb375..840071340 100644 --- a/ui/app/components/NavBar.js +++ b/ui/app/components/NavBar.js @@ -16,6 +16,7 @@ const NavBar = ({ isLoggedIn, login, logout }) => ( + Export Tool diff --git a/ui/app/css/Barlow-Bold.ttf b/ui/app/css/Barlow-Bold.ttf new file mode 100644 index 000000000..28f2d3a57 Binary files /dev/null and b/ui/app/css/Barlow-Bold.ttf differ diff --git a/ui/app/css/style.css b/ui/app/css/style.css index 5bb2a1b2d..729aeda39 100644 --- a/ui/app/css/style.css +++ b/ui/app/css/style.css @@ -22,6 +22,13 @@ } } +@font-face { + font-family: "Barlow"; + src: url("./Barlow-Bold.ttf"); + font-display: swap; + font-weight: 700; +} + html, body { width: 100%; @@ -46,6 +53,9 @@ a { .navbar-brand { padding: 0; + display: flex; + align-items: flex-end; + gap: 10px; } .navbar-default { @@ -55,7 +65,15 @@ a { .navbar-brand .logo { margin-left: 20px; margin-top: 10px; - height: 42px; + height: 35px; +} + +.navbar-brand span { + line-height: 40px; + font-family: "Barlow"; /* hot-font-sans-variant */ + font-weight: 700; + font-size: 1.4rem; + color: #2C3038; /* hot-color-neutral-950 */ } .navbar-default .navbar-nav > li > a { diff --git a/ui/app/images/hot-logo.svg b/ui/app/images/hot-logo.svg index 0d500d609..e72d9ba37 100644 --- a/ui/app/images/hot-logo.svg +++ b/ui/app/images/hot-logo.svg @@ -1 +1 @@ -HOT logo \ No newline at end of file + \ No newline at end of file