From 5f90dd9c3fcf0bc26abc4308c94324d450907c4d Mon Sep 17 00:00:00 2001 From: filtered <176114999+webfiltered@users.noreply.github.com> Date: Sat, 11 Jan 2025 18:08:54 +1100 Subject: [PATCH] Add top menu styles, logo, control offset --- public/assets/images/Comfy_Logo_x256.png | Bin 0 -> 22524 bytes src/App.vue | 3 ++ src/components/MenuHamburger.vue | 4 +- src/components/topbar/TopMenubar.vue | 63 ++++++++++++++++++++++- 4 files changed, 66 insertions(+), 4 deletions(-) create mode 100644 public/assets/images/Comfy_Logo_x256.png diff --git a/public/assets/images/Comfy_Logo_x256.png b/public/assets/images/Comfy_Logo_x256.png new file mode 100644 index 0000000000000000000000000000000000000000..e8cd75a38d0237c5a0521fbeb2cf8d77b34be1d7 GIT binary patch literal 22524 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 Z^cU<2PcB5se { if (isElectron()) { document.addEventListener('contextmenu', showContextMenu) + + // Enable CSS selectors + document.documentElement.dataset['platform'] = 'electron' } }) diff --git a/src/components/MenuHamburger.vue b/src/components/MenuHamburger.vue index 77036864d..efd93cdfc 100644 --- a/src/components/MenuHamburger.vue +++ b/src/components/MenuHamburger.vue @@ -46,8 +46,8 @@ const positionCSS = computed(() => // 'Bottom' menuSetting shows the hamburger button in the bottom right corner // 'Disabled', 'Top' menuSetting shows the hamburger button in the top right corner menuSetting.value === 'Bottom' - ? { bottom: '0px', right: '0px' } - : { top: '0px', right: '0px' } + ? { bottom: '0', right: '0' } + : { top: '0', right: 'calc(100% - env(titlebar-area-width, 100%))' } ) diff --git a/src/components/topbar/TopMenubar.vue b/src/components/topbar/TopMenubar.vue index c41fffe90..e3a3753fe 100644 --- a/src/components/topbar/TopMenubar.vue +++ b/src/components/topbar/TopMenubar.vue @@ -30,7 +30,7 @@ + +