fix: prevent code blocks from overflowing post layout

Author: Heersin

assets/css/main.css

@@ -325,6 +325,23 @@ a {
   padding-left: 1.5rem;
 }
 
+.prose pre {
+  max-width: 100%;
+  overflow-x: auto;
+  padding: 0.9rem;
+  border: 1px solid var(--line);
+  background: #101318;
+}
+
+.prose code {
+  font-family: "Courier New", "Lucida Console", monospace;
+  font-size: 0.92em;
+}
+
+.prose pre code {
+  white-space: pre;
+}
+
 .single-layout {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 260px;