From d93a91867baff153e0d57655996726914f042888 Mon Sep 17 00:00:00 2001
From: A Farzat <a@farzat.xyz>
Date: Wed, 8 Oct 2025 13:36:27 +0300
Subject: Add duration overlays to the videos

---
 front-end/src/App.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'front-end/src/App.css')

diff --git a/front-end/src/App.css b/front-end/src/App.css
index 1548a0d..0220950 100644
--- a/front-end/src/App.css
+++ b/front-end/src/App.css
@@ -182,6 +182,19 @@ body {
   transform: scale(1.05);
 }
 
+.duration-overlay {
+  position: absolute;
+  bottom: 8px;
+  right: 8px;
+  background: rgba(0, 0, 0, 0.8);
+  color: white;
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-size: 0.8rem;
+  font-weight: bold;
+  backdrop-filter: blur(4px);
+}
+
 .play-button {
   position: absolute;
   top: 50%;
-- 
cgit v1.2.3-70-g09d2