From 3e232d725990fbf4b650f98ea4f1554d221f7a79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BD=D0=B4=D1=80=D0=B5=D0=B9=20=D0=91=D0=B0=D0=B1?=
 =?UTF-8?q?=D1=83=D1=88=D0=BA=D0=B8=D0=BD?= <andreybabushkin2000@gmail.com>
Date: Mon, 5 May 2025 17:18:03 +0200
Subject: [PATCH] changed styles to tailwind

---
 .../Session_/Player/Controls/EventsList.tsx   |  8 ++-----
 .../Player/Controls/timeline.module.css       | 22 -------------------
 2 files changed, 2 insertions(+), 28 deletions(-)

diff --git a/frontend/app/components/Session_/Player/Controls/EventsList.tsx b/frontend/app/components/Session_/Player/Controls/EventsList.tsx
index 583a680e3..c469c71a9 100644
--- a/frontend/app/components/Session_/Player/Controls/EventsList.tsx
+++ b/frontend/app/components/Session_/Player/Controls/EventsList.tsx
@@ -4,9 +4,7 @@ import {
   MobilePlayerContext,
 } from 'Components/Session/playerContext';
 import { observer } from 'mobx-react-lite';
-import stl from './timeline.module.css';
 import { getTimelinePosition } from './getTimelinePosition';
-import classNames from 'classnames';
 import { useStore } from '@/mstore';
 
 function EventsList() {
@@ -41,9 +39,7 @@ function EventsList() {
         <div
           /* @ts-ignore TODO */
           key={`${e.key}_${e.time}`}
-          className={classNames(
-            `absolute w-[2px] h-[10px] z-[3] pointer-events-none ${e.isHighlighted ? 'bg-[#f0a930]' : 'bg-[#394eff]'}`,
-          )}
+          className={`absolute w-[2px] h-[10px] z-[3] pointer-events-none ${e.isHighlighted ? 'bg-[#f0a930]' : 'bg-[#394eff]'}`}
           style={{ left: `${getTimelinePosition(e.time, scale)}%` }}
         />
       ))}
@@ -63,7 +59,7 @@ function MobileEventsList() {
         <div
           /* @ts-ignore TODO */
           key={`${e.key}_${e.time}`}
-          className={stl.event}
+          className={`absolute w-[2px] h-[10px] z-[3] pointer-events-none ${e.isHighlighted ? 'bg-[#f0a930]' : 'bg-[#394eff]'}`}
           style={{ left: `${getTimelinePosition(e.time, scale)}%` }}
         />
       ))}
diff --git a/frontend/app/components/Session_/Player/Controls/timeline.module.css b/frontend/app/components/Session_/Player/Controls/timeline.module.css
index 18d089a24..a067d6b8e 100644
--- a/frontend/app/components/Session_/Player/Controls/timeline.module.css
+++ b/frontend/app/components/Session_/Player/Controls/timeline.module.css
@@ -49,28 +49,6 @@
   z-index: 2;
 }
 
-
-.event {
-  position: absolute;
-  width: 2px;
-  height: 10px;
-  background: $main;
-  z-index: 3;
-  pointer-events: none;
-  /* top: 0; */
-  /* bottom: 0; */
- /*  &:hover {
-    width: 10px;
-    height: 10px;
-    margin-left: -6px;
-    z-index: 1;
-  };*/
-}
-
-.event__highlighted {
-  background: #f0a930;
-}
-
 /* .event.click, .event.input {
   background: $green;
 }