From 5fc205fc57a99c807cb8225f92a4c5150d54ac63 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Tue, 24 Jun 2025 22:23:02 +0200
Subject: [PATCH] fix(timeline): update drag overlay styling for better
 visibility

---
 apps/web/src/components/editor/timeline.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx
index 76f1bf8..1290773 100644
--- a/apps/web/src/components/editor/timeline.tsx
+++ b/apps/web/src/components/editor/timeline.tsx
@@ -568,8 +568,8 @@ export function Timeline() {
     >
       {/* Show overlay when dragging media over the timeline */}
       {isDragOver && (
-        <div className="absolute inset-0 z-20 flex items-center justify-center pointer-events-none">
-          <div className="bg-accent/80 text-accent-foreground px-8 py-4 rounded-lg shadow-lg text-lg font-semibold border border-accent">
+        <div className="absolute inset-0 z-20 flex items-center justify-center pointer-events-none backdrop-blur-lg">
+          <div>
             Drop media here to add to timeline
           </div>
         </div>