optimized mobile view

feature/strict-mode
Michael Ochmann 3 years ago
parent 610ce2c0d3
commit e11d3989d1
  1. 22
      playground/index.php

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>parkdown playground</title> <title>parkdown playground</title>
<script type="module"> <script type="module">
const $ = selector => { const $ = selector => {
@ -179,6 +179,26 @@
::-webkit-scrollbar-button { ::-webkit-scrollbar-button {
display:none; display:none;
} }
@media (max-width: 920px) {
body {
grid-template-columns: 1fr !important;
grid-template-rows: 1fr 1fr;
}
textarea, .linenumbers {
font-size: 1rem;
}
.linenumbers {
padding: 0.5rem;
}
.editor {
grid-template-columns: 50px auto;
gap: 1rem;
}
}
</style> </style>
</head> </head>
<body> <body>

Loading…
Cancel
Save