From 097c574d9ce021c80e925d2d156fa79719e66a76 Mon Sep 17 00:00:00 2001
From: ayush18pop <ayushsp05@gmail.com>
Date: Tue, 22 Jul 2025 15:27:46 +0530
Subject: feat: enhance project name input in editor header and improve
 properties panel display

---
 apps/web/src/components/editor/properties-panel/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'apps/web/src/components/editor')

diff --git a/apps/web/src/components/editor/properties-panel/index.tsx b/apps/web/src/components/editor/properties-panel/index.tsx
index 9e28850f..d96e1e99 100644
--- a/apps/web/src/components/editor/properties-panel/index.tsx
+++ b/apps/web/src/components/editor/properties-panel/index.tsx
@@ -34,7 +34,7 @@ export function PropertiesPanel() {
   const emptyView = (
     <div className="space-y-4 p-5">
       {/* Media Properties */}
-      <div className="flex flex-col gap-3">
+      <div className="flex flex-col gap-3 ">
         <PropertyItem label="Name:" value={activeProject?.name || ""} />
         <PropertyItem label="Aspect ratio:" value={getDisplayName()} />
         <PropertyItem
@@ -103,7 +103,7 @@ function PropertyItem({ label, value }: { label: string; value: string }) {
   return (
     <div className="flex justify-between">
       <Label className="text-xs text-muted-foreground">{label}</Label>
-      <span className="text-xs text-right">{value}</span>
+      <span className="text-xs text-right truncate text-ellipsis overflow-clip w-40" title={value}>{value}</span>
     </div>
   );
 }
-- 
cgit v1.3.1