From 274d03185b346fd715274018c6804d0229f2f74e Mon Sep 17 00:00:00 2001
From: Harshit Shukla <120409631+Harshitshukla0208@users.noreply.github.com>
Date: Wed, 25 Jun 2025 04:54:56 +0530
Subject: fix(issue): Address issue #67 - [BUG] buttons jitter left and right

---
 apps/web/src/components/editor/timeline.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'apps/web/src')

diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx
index 12907738..cb375034 100644
--- a/apps/web/src/components/editor/timeline.tsx
+++ b/apps/web/src/components/editor/timeline.tsx
@@ -221,7 +221,7 @@ export function Timeline() {
         const clipLeft = clip.startTime * 50 * zoomLevel;
         const clipTop = trackIdx * 60;
         const clipBottom = clipTop + 60;
-        const clipRight = clipLeft + clipWidth;
+        const clipRight = clipLeft + 60; // Set a fixed width for time display
         if (
           bx1 < clipRight &&
           bx2 > clipLeft &&
-- 
cgit v1.3.1


From 22ae5d0e374d9ccf7d5f5e3dce4f3df2feb6ab67 Mon Sep 17 00:00:00 2001
From: yassinehaimouch <yassinehaimouch@proton.me>
Date: Wed, 25 Jun 2025 01:16:37 +0100
Subject: fix: metadata for og image

---
 apps/web/public/opengraph-image.jpg  | Bin 0 -> 55439 bytes
 apps/web/src/app/layout.tsx          |  29 +++++++++++++++++++++++++++++
 apps/web/src/app/opengraph-image.jpg | Bin 55439 -> 0 bytes
 3 files changed, 29 insertions(+)
 create mode 100644 apps/web/public/opengraph-image.jpg
 delete mode 100644 apps/web/src/app/opengraph-image.jpg

(limited to 'apps/web/src')

diff --git a/apps/web/public/opengraph-image.jpg b/apps/web/public/opengraph-image.jpg
new file mode 100644
index 00000000..d45c0854
Binary files /dev/null and b/apps/web/public/opengraph-image.jpg differ
diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
index 1cd4b3b9..5d33100d 100644
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -16,6 +16,35 @@ export const metadata: Metadata = {
   title: "OpenCut",
   description:
     "A simple but powerful video editor that gets the job done. In your browser.",
+  openGraph: {
+    title: "OpenCut",
+    description:
+      "A simple but powerful video editor that gets the job done. In your browser.",
+    url: "https://opencut.app",
+    siteName: "OpenCut",
+    locale: "en_US",
+    type: "website",
+    images: [
+      {
+        url: "https://opencut.app/opengraph-image.jpg",
+        width: 1200,
+        height: 630,
+        alt: "OpenCut",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "OpenCut",
+    description:
+      "A simple but powerful video editor that gets the job done. In your browser.",
+    creator: "@opencutapp",
+    images: ["/opengraph-image.jpg"],
+  },
+  robots: {
+    index: true,
+    follow: true,
+  },
 };
 
 export default function RootLayout({
diff --git a/apps/web/src/app/opengraph-image.jpg b/apps/web/src/app/opengraph-image.jpg
deleted file mode 100644
index d45c0854..00000000
Binary files a/apps/web/src/app/opengraph-image.jpg and /dev/null differ
-- 
cgit v1.3.1


From 84d206c01e1ae02d52e30e82982971436e98828c Mon Sep 17 00:00:00 2001
From: creotove <creotove@gmail.com>
Date: Wed, 25 Jun 2025 08:36:27 +0530
Subject: Fix: [BUG] buttons jitter left and right #67

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

(limited to 'apps/web/src')

diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx
index 0d021604..81b99747 100644
--- a/apps/web/src/components/editor/timeline.tsx
+++ b/apps/web/src/components/editor/timeline.tsx
@@ -602,9 +602,10 @@ export function Timeline() {
           <div className="w-px h-6 bg-border mx-1" />
 
           {/* Time Display */}
-          <div className="text-xs text-muted-foreground font-mono px-2">
-            {Math.floor(currentTime * 10) / 10}s /{" "}
-            {Math.floor(duration * 10) / 10}s
+          <div className="text-xs text-muted-foreground font-mono px-2"
+            style={{ minWidth: '12ch', textAlign: 'right' }}
+            >
+              {currentTime.toFixed(1)}s / {duration.toFixed(1)}s
           </div>
 
           <div className="w-px h-6 bg-border mx-1" />
-- 
cgit v1.3.1


From 7de09adce696442b0ba536bd3895f335246c744b Mon Sep 17 00:00:00 2001
From: creotove <creotove@gmail.com>
Date: Wed, 25 Jun 2025 08:51:17 +0530
Subject: Fix: unwanted seperator when there is a clip on track.

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

(limited to 'apps/web/src')

diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx
index 81b99747..6c39c893 100644
--- a/apps/web/src/components/editor/timeline.tsx
+++ b/apps/web/src/components/editor/timeline.tsx
@@ -603,38 +603,39 @@ export function Timeline() {
 
           {/* Time Display */}
           <div className="text-xs text-muted-foreground font-mono px-2"
-            style={{ minWidth: '12ch', textAlign: 'right' }}
+            style={{ minWidth: '18ch', textAlign: 'center' }}
             >
               {currentTime.toFixed(1)}s / {duration.toFixed(1)}s
           </div>
 
-          <div className="w-px h-6 bg-border mx-1" />
-
           {/* Test Clip Button - for debugging */}
           {tracks.length === 0 && (
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <Button
-                  variant="outline"
-                  size="sm"
-                  onClick={() => {
-                    const trackId = addTrack("video");
-                    addClipToTrack(trackId, {
-                      mediaId: "test",
-                      name: "Test Clip",
-                      duration: 5,
-                      startTime: 0,
-                      trimStart: 0,
-                      trimEnd: 0,
-                    });
-                  }}
-                  className="text-xs"
-                >
-                  Add Test Clip
-                </Button>
-              </TooltipTrigger>
-              <TooltipContent>Add a test clip to try playback</TooltipContent>
-            </Tooltip>
+            <>
+              <div className="w-px h-6 bg-border mx-1" />
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <Button
+                    variant="outline"
+                    size="sm"
+                    onClick={() => {
+                      const trackId = addTrack("video");
+                      addClipToTrack(trackId, {
+                        mediaId: "test",
+                        name: "Test Clip",
+                        duration: 5,
+                        startTime: 0,
+                        trimStart: 0,
+                        trimEnd: 0,
+                      });
+                    }}
+                    className="text-xs"
+                  >
+                    Add Test Clip
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent>Add a test clip to try playback</TooltipContent>
+              </Tooltip>
+            </>
           )}
 
           <div className="w-px h-6 bg-border mx-1" />
-- 
cgit v1.3.1