From 906b5e35a3064525b4ebaced00c04dc757cc987a Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Thu, 9 Jan 2025 14:14:14 -0500
Subject: [PATCH] [Style] Set fixed top menu bar height (#2209)

---
 src/assets/css/style.css             | 1 +
 src/components/topbar/TopMenubar.vue | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 45a0ae327..a0fee2a6f 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -10,6 +10,7 @@
   --bg-color: #fff;
   --comfy-menu-bg: #353535;
   --comfy-menu-secondary-bg: #292929;
+  --comfy-topbar-height: 2.421875rem;
   --comfy-input-bg: #222;
   --input-text: #ddd;
   --descrip-text: #999;
diff --git a/src/components/topbar/TopMenubar.vue b/src/components/topbar/TopMenubar.vue
index 3a0116bbd..c41fffe90 100644
--- a/src/components/topbar/TopMenubar.vue
+++ b/src/components/topbar/TopMenubar.vue
@@ -82,6 +82,7 @@ eventBus.on((event: string, payload: any) => {
 <style scoped>
 .comfyui-menu {
   width: 100vw;
+  height: var(--comfy-topbar-height);
   background: var(--comfy-menu-bg);
   color: var(--fg-color);
   box-shadow: var(--bar-shadow);
@@ -91,7 +92,6 @@ eventBus.on((event: string, payload: any) => {
   z-index: 1000;
   order: 0;
   grid-column: 1/-1;
-  max-height: 90vh;
 }
 
 .comfyui-menu.dropzone {