CodeSandBox/judge4c
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(footer): wrap footer text in a span for improved truncation handling

Browse Source
This commit is contained in:
cfngc4594 2025-02-26 14:43:27 +08:00
parent 89ea5b4684
commit 9184dc6eb2
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/(app)/playground/@problem/@description/components/footer.tsx
View File

@ -14,7 +14,9 @@ export default function ProblemDescriptionFooter({
className={cn("h-9 flex flex-none items-center bg-muted", className)}
>
<div className="w-full flex items-center justify-center">
Description of Two Sum
<span className="truncate">
Description of Two Sum
</span>
</div>
</footer>
);

4
src/app/(app)/playground/@problem/@solution/components/footer.tsx
View File

@ -14,7 +14,9 @@ export default function ProblemSolutionFooter({
className={cn("h-9 flex flex-none items-center bg-muted", className)}
>
<div className="w-full flex items-center justify-center">
Solution of Two Sum
<span className="truncate">
Solution of Two Sum
</span>
</div>
</footer>
);

8
src/app/(app)/playground/@workspace/@editor/components/footer.tsx
View File

@ -42,9 +42,11 @@ export default function WorkspaceEditorFooter({
className={cn("h-9 flex flex-none items-center bg-muted px-3 py-2", className)}
>
<div className="w-full flex items-center justify-end">
{position
? `Row ${position.lineNumber}, Column ${position.column}`
: "Row -, Column -"}
<span className="truncate">
{position
? `Row ${position.lineNumber}, Column ${position.column}`
: "Row -, Column -"}
</span>
</div>
</footer>
);