Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-18 15:26:33 +00:00
Code Issues 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; className?: string;
} }
export default function WorkspaceEditorFooter({ className, ...props }: WorkspaceEditorFooterProps) { export default function WorkspaceEditorFooter({
className,
...props
}: WorkspaceEditorFooterProps) {
const { editor } = useCodeEditorState(); const { editor } = useCodeEditorState();
const [position, setPosition] = useState<{ lineNumber: number; column: number } | null>(null); const [position, setPosition] = useState<{ lineNumber: number; column: number } | null>(null);
@ -34,9 +37,14 @@ export default function WorkspaceEditorFooter({ className, ...props }: Workspace
}, [editor]); }, [editor]);
return ( return (
<footer {...props} className={cn("h-9 flex-none bg-muted px-3 py-2", className)}> <footer
<div className="flex justify-end"> {...props}
{position ? `Row ${position.lineNumber}, Column ${position.column}` : "Row -, Column -"} 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> </div>
</footer> </footer>
); );