From a4f1a02ceaa562febfe3e1fe5a9c0fd8fbf4cd89 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Sat, 26 Jul 2025 11:35:52 +0200
Subject: Merge pull request
 [#444](https://github.com/mazeincoding/AppCut/issues/444)

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

(limited to 'apps/web/src/components/editor-header.tsx')

diff --git a/apps/web/src/components/editor-header.tsx b/apps/web/src/components/editor-header.tsx
index 96b47800..837bd97a 100644
--- a/apps/web/src/components/editor-header.tsx
+++ b/apps/web/src/components/editor-header.tsx
@@ -23,7 +23,7 @@ export function EditorHeader() {
     // TODO: Implement export functionality
     // NOTE: This is already being worked on
     console.log("Export project");
-    window.open('https://youtube.com/watch?v=dQw4w9WgXcQ', '_blank');
+    window.open("https://youtube.com/watch?v=dQw4w9WgXcQ", "_blank");
   };
 
   const handleNameClick = () => {
@@ -57,11 +57,11 @@ export function EditorHeader() {
       >
         <ChevronLeft className="h-4 w-4" />
       </Link>
-      <div className="w-[14rem] h-9 flex items-center">
+      <div className="w-40 xl:w-60 h-9 flex items-center">
         {isEditing ? (
           <Input
             ref={inputRef}
-            className="text-sm font-medium px-2 py-1 h-9 truncate"
+            className="text-sm font-medium w-full px-2 py-1 h-9 truncate"
             value={newName}
             onChange={(e) => setNewName(e.target.value)}
             onBlur={handleNameSave}
@@ -80,7 +80,7 @@ export function EditorHeader() {
             onClick={handleNameClick}
             onKeyDown={(e) => e.key === "Enter" && handleNameClick()}
           >
-            <div className="truncate text-ellipsis overflow-clip w-40">
+            <div className="truncate text-ellipsis overflow-clip max-w-40 xl:max-w-60">
               {activeProject?.name}
             </div>
           </span>
-- 
cgit v1.3.1