summaryrefslogtreecommitdiff
path: root/apps/web/src/components/editor-header.tsx
diff options
context:
space:
mode:
authorMaze Winther <mazewinther@gmail.com>2025-07-26 11:35:52 +0200
committerMaze Winther <mazewinther@gmail.com>2025-07-26 11:35:52 +0200
commita4f1a02ceaa562febfe3e1fe5a9c0fd8fbf4cd89 (patch)
tree9cb7b7aef5af81ad2994c0dc4994da8d994f956a /apps/web/src/components/editor-header.tsx
parentc51e82db9b33542b2cf6d3eab6121559e6252818 (diff)
downloadopencut-a4f1a02ceaa562febfe3e1fe5a9c0fd8fbf4cd89.tar.gz
Merge pull request [#444](https://github.com/mazeincoding/AppCut/issues/444)
Diffstat (limited to 'apps/web/src/components/editor-header.tsx')
-rw-r--r--apps/web/src/components/editor-header.tsx8
1 files changed, 4 insertions, 4 deletions
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>