From 668db284db2c84f704a0a882394d1505898f10fe Mon Sep 17 00:00:00 2001
From: tri <tri@thac.loan>
Date: Wed, 1 Oct 2025 15:15:05 +0700
Subject: [PATCH] fix content overflows

---
 src/assets/style.css |  9 +++++++--
 src/main.zig         | 14 +++++++++++---
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/assets/style.css b/src/assets/style.css
index 4980b9f..085acf6 100644
--- a/src/assets/style.css
+++ b/src/assets/style.css
@@ -1,3 +1,7 @@
+* {
+  box-sizing: border-box;
+}
+
 :root {
   --bg: white;
   --fg: black;
@@ -90,7 +94,7 @@ pre {
 }
 pre.readme-content {
   max-width: 60rem;
-  padding: 1rem;
+  padding: 1rem 0;
 }
 div.readme-content {
   max-width: 50rem;
@@ -156,7 +160,7 @@ div.readme-content {
   }
   li {
     display: inline-block;
-    padding: 0.5rem 1rem;
+    padding: 0.5rem 0.5rem;
     border: 1px solid transparent;
 
     &.active {
@@ -171,6 +175,7 @@ div.readme-content {
   margin-top: -1px; /* so nav item's bottom border overlaps its border */
   padding: 0 1rem;
   width: fit-content;
+  max-width: 100%;
 }
 
 @media (prefers-color-scheme: dark) {
diff --git a/src/main.zig b/src/main.zig
index 50e0852..2a906a4 100644
--- a/src/main.zig
+++ b/src/main.zig
@@ -394,10 +394,15 @@ pub fn writeReadmePage(
     const is_markdown = (ascii.endsWithIgnoreCase(readme_filename, ".md") or
         ascii.endsWithIgnoreCase(readme_filename, ".markdown"));
 
+    try writer.writeAll(
+        \\<div class="repo-content">
+        \\
+    );
+
     if (is_markdown) {
         const readme_html = try markdown.toHtml(arena, readme_text);
         try writer.writeAll(
-            \\<div class="repo-content readme-content">
+            \\<div class="readme-content">
         );
         try writer.writeAll(readme_html);
         try writer.writeAll(
@@ -405,7 +410,7 @@ pub fn writeReadmePage(
         );
     } else {
         try writer.writeAll(
-            \\<pre class="repo-content readme-content pre-wrap">
+            \\<pre class="readme-content pre-wrap">
         );
         try html.escape(
             writer,
@@ -415,7 +420,10 @@ pub fn writeReadmePage(
             \\</pre>
         );
     }
-
+    try writer.writeAll(
+        \\</div>
+        \\
+    );
     try writer.flush();
 }
 
-- 
2.47.3