diff --git a/src/frontend/apps/impress/src/features/docs/doc-presenter/assets/logo-docs-mono.svg b/src/frontend/apps/impress/src/features/docs/doc-presenter/assets/logo-docs-mono.svg new file mode 100644 index 000000000..0fbf6c8d1 --- /dev/null +++ b/src/frontend/apps/impress/src/features/docs/doc-presenter/assets/logo-docs-mono.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterDocsLogo.tsx b/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterDocsLogo.tsx new file mode 100644 index 000000000..f690c8abe --- /dev/null +++ b/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterDocsLogo.tsx @@ -0,0 +1,23 @@ +import { css } from 'styled-components'; + +import { Box } from '@/components'; + +import LogoDocsMonoSVG from '../assets/logo-docs-mono.svg'; + +const logoCss = css` + width: 80px; + height: 32px; + pointer-events: none; + + svg { + display: block; + width: 80px; + height: 32px; + } +`; + +export const PresenterDocsLogo = () => ( + +); diff --git a/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterOverlay.tsx b/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterOverlay.tsx index 62ff2d9f8..6af010073 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterOverlay.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-presenter/components/PresenterOverlay.tsx @@ -16,6 +16,7 @@ import { usePresenterShortcuts } from '../hooks/usePresenterShortcuts'; import { getSlideTitle, useSlides } from '../hooks/useSlides'; import { PresenterBlock, PresenterSlideData } from '../types'; +import { PresenterDocsLogo } from './PresenterDocsLogo'; import { PresenterFloatingBar } from './PresenterFloatingBar'; import { PresenterSlide } from './PresenterSlide'; @@ -44,6 +45,13 @@ const slideAreaCss = css` background: white; `; +const docsLogoCss = css` + position: fixed; + bottom: 1rem; + left: 1rem; + z-index: 1; +`; + export const PresenterOverlay = ({ doc, onClose, @@ -197,6 +205,10 @@ export const PresenterOverlay = ({ ))} + + + +