3pp-mirror/pomerium
1
0
Fork 0
mirror of https://github.com/pomerium/pomerium.git synced 2025-06-11 07:12:59 +02:00
Code Issues Projects Releases Packages Wiki Activity

Dynamic style changes (#3544)

Browse source 
* color changes

* dynamic logo

* dynamic favicon

* trailing whitespace

* useLayoutEffect
This commit is contained in:
Nathan Hayfield 2022-08-10 20:04:36 +02:00 • committed by GitHub
parent 3c63b6c028
commit f87e138eab
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 48 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

3
ui/src/components/Header.tsx
View file

@ -18,6 +18,7 @@ import styled from "@mui/material/styles/styled";
import { get } from "lodash";
import React, { FC, useState } from "react";
import { ChevronLeft, ChevronRight, Menu as MenuIcon } from "react-feather";
import LogoURL from "../static/logo_white.svg";
const DrawerHeader = styled("div")(({ theme }) => ({
display: "flex",
@ -108,7 +109,7 @@ const Header: FC<HeaderProps> = ({ includeSidebar, data }) => {
</>
) : (
<a href="/.pomerium">
<Logo />
<Logo src={ data?.logoUrl || LogoURL }/>
</a>
)}
<Box flexGrow={1} />

5
ui/src/components/Logo.tsx
View file

@ -1,9 +1,8 @@
import LogoURL from "../static/logo_white.svg";
import React from "react";
import type { FC } from "react";
const Logo: FC = () => {
return <img alt="Logo" src={LogoURL} height="30px" />;
const Logo: FC<{src: string}> = ({src}) => {
return <img alt="Logo" src={src} height="30px" />;
};
export default Logo;