From e11d3989d1541a92dd3683ddb0dee02a4fefb28d Mon Sep 17 00:00:00 2001 From: Michael Ochmann <michael.ochmann@propeller.de> Date: Tue, 23 Aug 2022 21:19:09 +0200 Subject: [PATCH] optimized mobile view --- playground/index.php | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) diff --git a/playground/index.php b/playground/index.php index 7514cac..f9cc90e 100644 --- a/playground/index.php +++ b/playground/index.php @@ -2,7 +2,7 @@ <html lang="en"> <head> <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> <script type="module"> const $ = selector => { @@ -179,6 +179,26 @@ ::-webkit-scrollbar-button { 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> </head> <body>