diff --git a/src/main/frontend/components/win32_title_bar.cljs b/src/main/frontend/components/win32_title_bar.cljs index c9562539a8..fcd234bf0c 100644 --- a/src/main/frontend/components/win32_title_bar.cljs +++ b/src/main/frontend/components/win32_title_bar.cljs @@ -1,8 +1,11 @@ (ns frontend.components.win32-title-bar - (:require [rum.core :as rum])) + (:require [rum.core :as rum] + [frontend.components.svg :as svg])) (rum/defc container [] - [:p + [:div.cp__win32-title-bar#win32-title-bar {} - ["Hello, World!"]]) + [:div.logo + {} + (svg/logo)]]) diff --git a/src/main/frontend/components/win32_title_bar.css b/src/main/frontend/components/win32_title_bar.css index de0665a192..de08d8e1f1 100644 --- a/src/main/frontend/components/win32_title_bar.css +++ b/src/main/frontend/components/win32_title_bar.css @@ -1,3 +1,21 @@ -.is-win32.is-electron { - --ls-win32-title-bar-height: 30px; +.cp__win32-title-bar { + z-index: 100; + position: fixed; + left: 0; + right: 0; + top: 0; + height: var(--ls-win32-title-bar-height); + display: flex; + + > .logo { + width: 50px; + height: var(--ls-win32-title-bar-height); + display: flex; + align-items: flex-end; + justify-content: center; + } +} + +.is-win32.is-electron { + --ls-win32-title-bar-height: 36px; }