diff --git a/resources/css/base/reset.css b/resources/css/base/reset.css index 53bf823..7c29881 100644 --- a/resources/css/base/reset.css +++ b/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; } diff --git a/resources/css/layout/content.css b/resources/css/layout/content.css index f4dbf3f..c95fbf5 100644 --- a/resources/css/layout/content.css +++ b/resources/css/layout/content.css @@ -3,6 +3,7 @@ display: flex; flex-direction: column; overflow: hidden; + min-height: 0; } #topbar { diff --git a/resources/css/layout/entry.css b/resources/css/layout/entry.css index 021fa0a..462cbdc 100644 --- a/resources/css/layout/entry.css +++ b/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 { diff --git a/resources/css/layout/responsive.css b/resources/css/layout/responsive.css index 8af224f..6d27436 100644 --- a/resources/css/layout/responsive.css +++ b/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;