small ui nits

This commit is contained in:
bkellam 2024-09-16 21:57:04 -07:00
parent 3ef9be2b6b
commit 8f5a60ff0a
3 changed files with 6 additions and 4 deletions

View file

@ -7,7 +7,9 @@ export default function ReposPage() {
<div className="h-screen flex flex-col items-center"> <div className="h-screen flex flex-col items-center">
<NavigationMenu /> <NavigationMenu />
<Suspense fallback={<div>Loading...</div>}> <Suspense fallback={<div>Loading...</div>}>
<RepositoryTable /> <div className="max-w-[90%]">
<RepositoryTable />
</div>
</Suspense> </Suspense>
</div> </div>
) )

View file

@ -110,7 +110,7 @@ export const CodePreviewPanel = ({
return ( return (
<div className="flex flex-col h-full"> <div className="flex flex-col h-full">
<div className="flex flex-row bg-cyan-200 dark:bg-cyan-900 items-center justify-between pr-3 py-0.5"> <div className="flex flex-row bg-cyan-200 dark:bg-cyan-900 items-center justify-between pr-3 py-0.5 border">
<div className="flex flex-row"> <div className="flex flex-row">
<div <div
style={{ width: `${gutterWidth}px` }} style={{ width: `${gutterWidth}px` }}

View file

@ -116,9 +116,9 @@ const FilePreview = ({
}, [matchCount]); }, [matchCount]);
return ( return (
<div className="flex flex-col"> <div>
<div <div
className="bg-cyan-200 dark:bg-cyan-900 primary-foreground px-2 py-0.5 flex flex-row items-center justify-between border cursor-pointer" className="sticky top-0 bg-cyan-200 dark:bg-cyan-900 primary-foreground px-2 py-0.5 flex flex-row items-center justify-between border cursor-pointer z-10"
onClick={() => { onClick={() => {
onOpenFile(); onOpenFile();
}} }}