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

fix(editor): improve layout and styling of WorkspaceEditorFooter component

Browse Source
This commit is contained in:
cfngc4594 2025-02-25 22:08:32 +08:00
parent 511d3408f3
commit b173be0a73
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,7 +8,10 @@ interface WorkspaceEditorFooterProps {
className?: string;
}
export default function WorkspaceEditorFooter({ className, ...props }: WorkspaceEditorFooterProps) {
export default function WorkspaceEditorFooter({
className,
...props
}: WorkspaceEditorFooterProps) {
const { editor } = useCodeEditorState();
const [position, setPosition] = useState<{ lineNumber: number; column: number } | null>(null);
@ -34,9 +37,14 @@ export default function WorkspaceEditorFooter({ className, ...props }: Workspace
}, [editor]);
return (
<footer {...props} className={cn("h-9 flex-none bg-muted px-3 py-2", className)}>
<div className="flex justify-end">
{position ? `Row ${position.lineNumber}, Column ${position.column}` : "Row -, Column -"}
<footer
{...props}
className={cn("h-9 flex 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 -"}
</div>
</footer>
);