From 4c4d809e9bca7f56e18711f188692f5b16013f82 Mon Sep 17 00:00:00 2001
From: denis0001-dev <denis0001.dev@ya.ru>
Date: Sat, 1 Nov 2025 19:09:28 +0300
Subject: [PATCH] Add platform detection, fix styles

---
 frontend/src/core/init.ts                     | 14 +++++++++-
 frontend/src/pages/chat/css/_chat-input.scss  |  3 +--
 frontend/src/pages/chat/css/_right-panel.scss | 26 +------------------
 3 files changed, 15 insertions(+), 28 deletions(-)

diff --git a/frontend/src/core/init.ts b/frontend/src/core/init.ts
index 44c4079..d69295b 100644
--- a/frontend/src/core/init.ts
+++ b/frontend/src/core/init.ts
@@ -7,6 +7,18 @@
 
 import { PRODUCT_NAME } from "./config";
 import { enableMapSet } from "immer";
+import type { Platform } from "../../electron.d";
+
+function detectPlatform(): Platform {
+    const userAgent = navigator.userAgent.toLowerCase();
+    if (userAgent.includes("win")) return "win32";
+    if (userAgent.includes("mac")) return "darwin";
+    return "linux";
+}
 
 document.title = PRODUCT_NAME;
-enableMapSet();
\ No newline at end of file
+enableMapSet();
+
+// Add platform class to body
+const platform = detectPlatform();
+document.body.classList.add(`platform-${platform}`);
\ No newline at end of file
diff --git a/frontend/src/pages/chat/css/_chat-input.scss b/frontend/src/pages/chat/css/_chat-input.scss
index 624f97b..9be72b7 100644
--- a/frontend/src/pages/chat/css/_chat-input.scss
+++ b/frontend/src/pages/chat/css/_chat-input.scss
@@ -1,11 +1,10 @@
 @use "../../../css/colors" as *;
 @use "../../../css/material" as *;
 @use "sass:color";
-@use "right-panel" as *;
 
 .chat-input-wrapper {
     position: relative;
-    margin: 0 10px - $scrollbar-width 10px 10px;
+    margin: 0 10px 10px 10px;
     position: sticky;
     bottom: 10px;
     z-index: 1;
diff --git a/frontend/src/pages/chat/css/_right-panel.scss b/frontend/src/pages/chat/css/_right-panel.scss
index e24fad6..8230043 100644
--- a/frontend/src/pages/chat/css/_right-panel.scss
+++ b/frontend/src/pages/chat/css/_right-panel.scss
@@ -2,8 +2,6 @@
 @use "../../../css/material" as *;
 @use "sass:color";
 
-$scrollbar-width: 8px;
-
 .chat-wrapper {
     flex-grow: 1;
     height: 100%;
@@ -17,31 +15,9 @@ $scrollbar-width: 8px;
         position: relative;
         overflow-y: auto;
 
-        // Fancy floating thin scrollbar with invisible transparent margin
-        scrollbar-width: thin;
-        scrollbar-color: rgba($color-dark-primary, 0.3) transparent;
-
-        &::-webkit-scrollbar {
-            width: $scrollbar-width;
-        }
-
-        &::-webkit-scrollbar-track {
-            background: transparent;
-        }
-
-        &::-webkit-scrollbar-thumb {
-            background: rgba($color-dark-primary, 0.3);
-            border-radius: 4px;
-            margin: 2px;
-
-            &:hover {
-                background: rgba($color-dark-primary, 0.5);
-            }
-        }
-
         .chat-header {
             padding: 16px;
-            margin: 10px 10px - $scrollbar-width 0 10px;
+            margin: 10px 10px 0 10px;
             background: rgba($color-dark-surface-container, 0.7);
             backdrop-filter: blur(20px);
             border-radius: 30px;