resources/css/base/reset.css

@@ -9,7 +9,8 @@ body {
     background-color: var(--bg);
     color: var(--text);
     display: flex;
-    height: 100vh;
+    height: 100dvh;
+    min-height: 100dvh;
     overflow: hidden;
 }
 

resources/css/layout/content.css

@@ -3,6 +3,7 @@
     display: flex;
     flex-direction: column;
     overflow: hidden;
+    min-height: 0;
 }
 
 #topbar {

resources/css/layout/entry.css

@@ -102,6 +102,20 @@
         color: var(--text);
         margin-bottom: 30px;
         word-break: break-word;
+
+        pre {
+            max-width: 100%;
+            overflow-x: auto;
+            white-space: pre-wrap;
+            word-break: break-word;
+            padding: 12px;
+            border-radius: 6px;
+        }
+
+        code {
+            white-space: pre-wrap;
+            word-break: break-word;
+        }
     }
 
     .entry-gallery {

resources/css/layout/responsive.css

@@ -10,6 +10,7 @@
         top: 60px;
         height: calc(100dvh - 60px);
         max-height: calc(100dvh - 60px);
+        min-height: 0;
         transform: translateX(-100%);
         transition: transform 0.3s ease-in-out;
         z-index: 999;