From dc87ac456229d66a7afbc269cbb5f4403a2c84b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=92=D0=B8=D1=82=D0=B0=D0=BB=D0=B8=D0=B9=20=D0=9B=D0=B0?=
 =?UTF-8?q?=D0=B2=D1=88=D0=BE=D0=BD=D0=BE=D0=BA?=
 <114582703+valavshonok@users.noreply.github.com>
Date: Mon, 27 Oct 2025 17:18:21 +0300
Subject: [PATCH 1/2] statement init

---
 src/App.tsx                               |  4 ++-
 src/styles/index.css                      | 17 +++++++++++
 src/views/problem/statement/Statement.tsx | 37 +++++++++++++++++++++++
 3 files changed, 57 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index 9982d81..3a5d6ff 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,13 +6,15 @@ import { Route, Routes } from "react-router-dom";
 // import { Switch } from "./components/switch/Switch";
 import Home from "./pages/Home";
 import CodeEditor from "./views/problem/codeeditor/CodeEditor";
+import Statement from "./views/problem/statement/Statement";
 
 function App() {
   return (
     <div className="flex w-full h-full ">
       <Routes>
         <Route path="/home/*" element={<Home/>}/>
-        <Route path="/editor" element={<div className="box-border p-[50px] w-full h-[800px] relative bg-red-800"><CodeEditor/></div>}/>
+        <Route path="/editor" element={<div className="box-border p-[50px] w-full h-[800px] relative bg-red-8001"><CodeEditor/></div>}/>
+        <Route path="/statement" element={<div className="box-border p-[50px] w-full h-[800px] relative bg-red-8001"><Statement/></div>}/>
         <Route path="*" element={<Home/>}/>
       </Routes>
 
diff --git a/src/styles/index.css b/src/styles/index.css
index ffb7073..6356eee 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -56,3 +56,20 @@ body {
 }
 
 
+/* Общий контейнер полосы прокрутки */
+.medium-scrollbar::-webkit-scrollbar {
+  width: 8px;              /* ширина вертикального */
+}
+
+/* Трек (фон) */
+.medium-scrollbar::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+/* Ползунок (thumb) */
+.medium-scrollbar::-webkit-scrollbar-thumb {
+  background: var(--color-liquid-light);
+  border-radius: 1000px;
+  cursor: pointer;
+}
+
diff --git a/src/views/problem/statement/Statement.tsx b/src/views/problem/statement/Statement.tsx
index e69de29..90a4ac6 100644
--- a/src/views/problem/statement/Statement.tsx
+++ b/src/views/problem/statement/Statement.tsx
@@ -0,0 +1,37 @@
+import React, { useState } from "react";
+import { cn } from "../../../lib/cn";
+
+
+const Statement: React.FC = () => {
+
+
+    return (
+        <div className="flex flex-col w-full h-full bg-red-3001 overflow-y-scroll medium-scrollbar pl-[20px] pr-[12px] gap-[20px]">
+            <div>
+                <p className="h-[50px] text-[40px] font-bold text-liquid-white">Грод на 2700</p>
+                <p className="h-[23px] text-[18px] font-bold text-liquid-light">Задача #1234</p>
+            </div>
+
+            <div>
+                tags
+            </div>
+
+            <div>
+                <p className="text-liquid-white h-[20px] text-[18px] font-bold"><span className="text-liquid-light">ограничение по времени на тест:</span> 1 секунда</p>
+                <p className="text-liquid-white h-[20px] text-[18px] font-bold"><span className="text-liquid-light">ограничение по памяти на тест:</span> 256 мегабайт</p>
+                <p className="text-liquid-white h-[20px] text-[18px] font-bold"><span className="text-liquid-light">ввод:</span> стандартный ввод</p>
+                <p className="text-liquid-white h-[20px] text-[18px] font-bold"><span className="text-liquid-light">вывод:</span> стандартный вывод</p>
+            </div>
+
+            <div>
+                Три друга хотят встретиться друг с другом. Изначально первый друг находится в позиции x = a, второй друг находится в позиции x = b, а третий находится в позиции x = c на координатной оси Ox.
+За одну минуту каждый из друзей независимо от других друзей может изменить позицию x на 11 влево или на 11 вправо (то есть присвоить x := x − 1 или x := x + 1), или даже не менять ее.
+Введем понятие суммарной попарной дистанции — суммы дистанций между каждой парой друзей. Пусть a′, b′ и c′ — финальные позиции первого, второго и третьего друзей соответственно. Тогда суммарная попарная дистанция
равна |a′ − b′| + |a′ − c′| + |b′ − c′|, где |x| — абсолютная величина (модуль) значения x.
+Друзья интересуются, какой минимальной суммарной попарной дистанции они смогут достичь, если они будут двигаться оптимально. Каждый из друзей сдвинется не более одного раза. Таким образом, более формально, они хотят знать минимальную суммарную попарную дистанцию, которой они могут достичь спустя одну минуту.
+            </div>
+        </div>
+
+    );
+};
+
+export default Statement;

From 330450c2726e6f6d2e85986c176da5f601339004 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=92=D0=B8=D1=82=D0=B0=D0=BB=D0=B8=D0=B9=20=D0=9B=D0=B0?=
 =?UTF-8?q?=D0=B2=D1=88=D0=BE=D0=BD=D0=BE=D0=BA?=
 <114582703+valavshonok@users.noreply.github.com>
Date: Mon, 27 Oct 2025 18:00:35 +0300
Subject: [PATCH 2/2] fix build

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 33cd567..8587ab6 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite --host",
-    "build": "tsc -b && vite build",
+    "build": "tsc && vite build",
     "lint": "eslint .",
     "preview": "vite preview"
   },