diff options
Diffstat (limited to 'apps/web/src/components/editor-header.tsx')
| -rw-r--r-- | apps/web/src/components/editor-header.tsx | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/apps/web/src/components/editor-header.tsx b/apps/web/src/components/editor-header.tsx index 6e9af186..837bd97a 100644 --- a/apps/web/src/components/editor-header.tsx +++ b/apps/web/src/components/editor-header.tsx @@ -10,6 +10,7 @@ import { useProjectStore } from "@/stores/project-store"; import { KeyboardShortcutsHelp } from "./keyboard-shortcuts-help"; import { useState, useRef } from "react"; import { Input } from "@/components/ui/input"; +import { toast } from "sonner"; export function EditorHeader() { const { getTotalDuration } = useTimelineStore(); @@ -22,6 +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"); }; const handleNameClick = () => { @@ -55,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} @@ -78,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> |