wip

Author: Julusian

meteor/server/api/rest/koa.ts

@@ -121,12 +121,14 @@ Meteor.startup(() => {
 })
 
 export function bindKoaRouter(koaRouter: KoaRouter, bindPath: string): void {
+	const bindPathWithPrefix = getRootSubpath() + bindPath
+
 	// Track this path as having a router
-	let bindPathFull = getRootSubpath() + bindPath
+	let bindPathFull = bindPathWithPrefix
 	if (!bindPathFull.endsWith('/')) bindPathFull += '/'
 	boundRouterPaths.push(bindPathFull)
 
-	rootRouter.use(bindPath, koaRouter.routes()).use(bindPath, koaRouter.allowedMethods())
+	rootRouter.use(bindPathWithPrefix, koaRouter.routes()).use(bindPathWithPrefix, koaRouter.allowedMethods())
 }
 
 const REVERSE_PROXY_COUNT = process.env.HTTP_FORWARDED_COUNT ? parseInt(process.env.HTTP_FORWARDED_COUNT) : 0

packages/webui/src/client/styles/_header.scss

@@ -18,7 +18,7 @@
 			color: #fff;
 		}
 		.sofie-logo {
-			background: url('/images/sofie-logo.svg') center center no-repeat;
+			background: var(--sofie-url-path) center center no-repeat;
 			background-size: contain;
 			width: 2em;
 			height: 2em;

packages/webui/src/client/ui/App.tsx

@@ -153,7 +153,7 @@ export const App: React.FC = function App() {
 					className="container-fluid header-clear"
 					style={{
 						// @ts-expect-error custom variable
-						'--url-base-path': ROOT_URL_PATH_PREFIX,
+						'--sofie-url-path': `url(${ROOT_URL_PATH_PREFIX}/images/sofie-logo.svg)`,
 					}}
 				>
 					{/* Header switch - render the usual header for all pages but the rundown view */}