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">
<NavigationMenu />
<Suspense fallback={<div>Loading...</div>}>
<div className="max-w-[90%]">
<RepositoryTable />
</div>
</Suspense>
</div>
)

View file

@ -110,7 +110,7 @@ export const CodePreviewPanel = ({
return (
<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
style={{ width: `${gutterWidth}px` }}

View file

@ -116,9 +116,9 @@ const FilePreview = ({
}, [matchCount]);
return (
<div className="flex flex-col">
<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={() => {
onOpenFile();
}}