download patch
commit 668db284db2c84f704a0a882394d1505898f10fe
Author: tri <tri@thac.loan>
Date: Wed Oct 1 15:15:05 2025 +0700
fix content overflows
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
+* {
+ box-sizing: border-box;
+}
+
:root {
--bg: white;
--fg: black;
pre {
}
pre.readme-content {
max-width: 60rem;
- padding: 1rem;
+ padding: 1rem 0;
}
div.readme-content {
max-width: 50rem;
div.readme-content {
}
li {
display: inline-block;
- padding: 0.5rem 1rem;
+ padding: 0.5rem 0.5rem;
border: 1px solid transparent;
&.active {
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
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(
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,
pub fn writeReadmePage(
\\</pre>
);
}
-
+ try writer.writeAll(
+ \\</div>
+ \\
+ );
try writer.flush();
}