fix: layout nav text

harishdeivanayagam · harishdeivanayagam · commit 5a623225d3cf · 2025-01-31T08:03:57.000+05:30
diff --git a/src/app/console/layout.tsx b/src/app/console/layout.tsx
@@ -79,7 +79,7 @@ export default function ConsoleLayoutContent({ children }: { children: React.Rea
               {sheets.map((sheet) => (
                 <button
                   onClick={() => router.push(`/console/sheets/${sheet.id}`)}
-                  className={`py-2 px-2 rounded-md flex gap-2 items-center justify-start hover:bg-gray-200 transition-all ${pathname.includes(sheet.id) ? 'bg-gray-200' : ''}`}
+                  className={`py-2 px-2 max-w-[200px] overflow-hidden text-ellipsis rounded-md flex gap-2 items-center justify-start hover:bg-gray-200 transition-all ${pathname.includes(sheet.id) ? 'bg-gray-200' : ''}`}
                   key={sheet.id}
                 >
                   <PiTableBold className="text-lg font-bold" />

Original file line number	Diff line number	Diff line change
`@@ -79,7 +79,7 @@ export default function ConsoleLayoutContent({ children }: { children: React.Rea`
`79`	`79`	`{sheets.map((sheet) => (`
`80`	`80`	`<button`
`81`	`81`	onClick={() => router.push(`/console/sheets/${sheet.id}`)}
`82`		- className={`py-2 px-2 rounded-md flex gap-2 items-center justify-start hover:bg-gray-200 transition-all ${pathname.includes(sheet.id) ? 'bg-gray-200' : ''}`}
	`82`	+ className={`py-2 px-2 max-w-[200px] overflow-hidden text-ellipsis rounded-md flex gap-2 items-center justify-start hover:bg-gray-200 transition-all ${pathname.includes(sheet.id) ? 'bg-gray-200' : ''}`}
`83`	`83`	`key={sheet.id}`
`84`	`84`	`>`
`85`	`85`	`<PiTableBold className="text-lg font-bold" />`