fix: 🐛 modal overflow

by Sivritkin Dmitriy

1@@ -58,19 +58,21 @@ export default function CommitModal({
2           router.back();
3         }}
4       >
5-        <DialogContent className="h-full max-h-[70vh] max-w-[70vw]">
6+        <DialogContent className="h-full max-h-[90vh] max-w-[90vw]">
7           {loading ? (
8             <h1>Loading...</h1>
9           ) : (
10-            <DialogHeader>
11-              <DialogTitle>{convertEmoji(commit.commit.message)}</DialogTitle>
12-              <DialogDescription>
13-                by {commit?.commit.author?.name}
14-              </DialogDescription>
15+            <>
16+              <DialogHeader>
17+                <DialogTitle>{convertEmoji(commit.commit.message)}</DialogTitle>
18+                <DialogDescription>
19+                  by {commit?.commit.author?.name}
20+                </DialogDescription>
21+              </DialogHeader>
22               <SyntaxHighlighter showLineNumbers language="diff" style={style}>
23                 {aggregatedDiff}
24               </SyntaxHighlighter>
25-            </DialogHeader>
26+            </>
27           )}
28         </DialogContent>
29       </Dialog>@@ -9,7 +9,8 @@ import { RefreshButton } from "~/app/refresh-form";
30 
31 dayjs.extend(relativeTime);
32 
33-export const revalidate = 3600;
34+export const runtime = "nodejs";
35+export const revalidate = 1000;
36 
37 export default async function Home() {
38   const data = await $api.rest.repos.listCommits({