diff --git a/src/browser/app.css b/src/browser/app.css index 039d2e39..91cbba2c 100644 --- a/src/browser/app.css +++ b/src/browser/app.css @@ -21,3 +21,21 @@ body { button { font-family: inherit; } + +.coder-splash { + align-items: center; + box-sizing: border-box; + display: flex; + height: 100%; + justify-content: center; + left: 0; + position: fixed; + top: 0; + width: 100%; + z-index: 5; +} + +.coder-splash > .logo { + color: rgba(255, 255, 255, 0.03); + width: 100%; +} diff --git a/src/browser/app.tsx b/src/browser/app.tsx index e0e78869..2f12489f 100644 --- a/src/browser/app.tsx +++ b/src/browser/app.tsx @@ -3,6 +3,7 @@ import * as React from "react" import { Application, isExecutableApplication } from "../common/api" import { HttpError } from "../common/http" import { normalize, Options } from "../common/util" +import { Logo } from "./components/logo" import { Modal } from "./components/modal" export interface AppProps { @@ -31,10 +32,19 @@ const App: React.FunctionComponent = (props) => { return ( <> + {!app || !app.loaded ? ( +
+ +
+ ) : ( + undefined + )} {authed && app && app.embedPath ? ( - ) : null} + ) : ( + undefined + )} ) } diff --git a/src/browser/components/logo.tsx b/src/browser/components/logo.tsx new file mode 100644 index 00000000..8d5c9b36 --- /dev/null +++ b/src/browser/components/logo.tsx @@ -0,0 +1,61 @@ +import * as React from "react" + +export const Logo = (props: React.SVGProps): JSX.Element => ( + + + + + + + + + + + + + + +)