[bugfix] Main Page: Message Box Ratio. store the data in float and fix the bug that was set bit off message box's height.

src-ui/app/main_page/main_section/message_container/MessageContainer.jsx

@@ -49,8 +49,8 @@ export const MessageContainer = () => {
         const container_height = container_ref.current.offsetHeight;
         const container_padding_bottom = parseFloat(window.getComputedStyle(container_ref.current).paddingBottom);
         const total_height = container_height - container_padding_bottom;
-
-        return ((ratio / 100) * total_height / 10) | 0; // 10px = 1rem
+        if (total_height === 0) return 0;
+        return ((ratio / 100) * total_height / 10); // 10px = 1rem
     };
 
 

src-ui/app/window_title_bar/WindowTitleBar.module.scss

@@ -11,7 +11,7 @@
     width: 100%;
     justify-content: space-between;
     align-items: center;
-    height: 2rem;
+    height: var(--title_bar_height);
     margin-top: 0.4rem;
 }
 

src-ui/utils/variables.css

@@ -46,6 +46,7 @@
     --dark_1000_color: #151517;
 
 
+    --title_bar_height: 2rem;
     --main_page_topbar_height: 4.8rem;
     --config_page_sidebar_width: 18rem;
     --config_page_topbar_height: 8rem;