From 085ebad38fcee51c8cb1f419a48666c3a55af4ce Mon Sep 17 00:00:00 2001
From: Nikhil Solanki <nikhilsolanki1403@gmail.com>
Date: Thu, 25 Dec 2025 16:12:34 +0530
Subject: [PATCH] Add custom hidden scrollbar styles and clean up code

Introduced CSS classes to hide scrollbars while maintaining scrollability across browsers. Also removed unnecessary blank lines in frameRenderer.ts for code cleanliness.
---
 src/index.css                     | 10 ++++++++++
 src/lib/exporter/frameRenderer.ts |  2 --
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/index.css b/src/index.css
index e154c45..6ab421f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -77,6 +77,16 @@
     transition: left 33ms linear, right 33ms linear;
   }
   
+  /* Hidden scrollbar - still scrollable but invisible */
+  .custom-scrollbar {
+    scrollbar-width: none; /* Firefox */
+    -ms-overflow-style: none; /* IE/Edge */
+  }
+  
+  .custom-scrollbar::-webkit-scrollbar {
+    display: none; /* Chrome, Safari, Opera */
+  }
+  
   /* Smooth playback scrubber */
   input[type="range"] {
     -webkit-appearance: none;
diff --git a/src/lib/exporter/frameRenderer.ts b/src/lib/exporter/frameRenderer.ts
index d0ba1d9..6027a32 100644
--- a/src/lib/exporter/frameRenderer.ts
+++ b/src/lib/exporter/frameRenderer.ts
@@ -311,8 +311,6 @@ export class FrameRenderer {
       const scaleY = this.config.height / previewHeight;
       const scaleFactor = (scaleX + scaleY) / 2;
 
-
-
       await renderAnnotations(
         this.compositeCtx,
         this.config.annotationRegions,