Fix some scroll issues on mobile
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Fabian Stamm 2020-08-21 00:31:17 +02:00
parent c783583898
commit dd1d8e0947
2 changed files with 8 additions and 1 deletions

View File

@ -75,7 +75,10 @@ export default async function index({
<label for="tab4">Tab 4</label> */} <label for="tab4">Tab 4</label> */}
<div class="content" id="content1"> <div class="content" id="content1">
{readmeContent !== undefined ? ( {readmeContent !== undefined ? (
<div innerHTML={readmeContent} /> <div
style="overflow-x: hidden"
innerHTML={readmeContent}
/>
) : ( ) : (
<div class="alert alert-warning">No README.md found!</div> <div class="alert alert-warning">No README.md found!</div>
)} )}

View File

@ -11,6 +11,10 @@
margin: 1rem; margin: 1rem;
} }
code {
overflow-x: auto;
}
@media only screen and (max-width: 64rem) { @media only screen and (max-width: 64rem) {
.site { .site {
grid-template-columns: 1fr; grid-template-columns: 1fr;