From 22cf6f3318a429d12aba2de3806b89d9740bcfd4 Mon Sep 17 00:00:00 2001
From: Weijing Jay Lin <weijingjaylin@gmail.com>
Date: Mon, 9 Jan 2017 00:59:33 -0800
Subject: [PATCH] mobile friendly debug view

---
 tpl/think_exception.tpl | 58 +++++++++++++++++++++++++++++++----------
 1 file changed, 44 insertions(+), 14 deletions(-)
diff --git a/tpl/think_exception.tpl b/tpl/think_exception.tpl
index e80c57b2..2d898c30 100644
--- a/tpl/think_exception.tpl
+++ b/tpl/think_exception.tpl
@@ -79,15 +79,17 @@
 <html>
 <head>
     <meta charset="UTF-8">
-    <title>系统发生错误</title>
+    <title><?php echo lang('System Error'); ?></title>
     <meta name="robots" content="noindex,nofollow" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <style>
         /* Base */
         body {
             color: #333;
-            font: 16px Verdana, "Helvetica Neue", helvetica, Arial, 'Microsoft YaHei', sans-serif;
+            font: 14px Verdana, "Helvetica Neue", helvetica, Arial, 'Microsoft YaHei', sans-serif;
             margin: 0;
             padding: 0 20px 20px;
+            word-break: break-word;
         }
         h1{
             margin: 10px 0 0;
@@ -103,6 +105,11 @@
             font-size: 18px;
             border-bottom: 1px solid #eee;
         }
+        h3.subheading {
+            color: #4288ce;
+            margin: 6px 0 0;
+            font-weight: 400;
+        }
         h3{
             margin: 12px;
             font-size: 16px;
@@ -143,7 +150,27 @@
             padding: 0;
             margin: 0;
         }
-    
+        /* Layout */
+        .col-md-3 {
+            width: 25%;
+        }
+        .col-md-9 {
+            width: 75%;
+        }
+        [class^="col-md-"] {
+            float: left;
+        }
+        .clearfix {
+            clear:both;
+        }
+        @media only screen 
+        and (min-device-width : 375px) 
+        and (max-device-width : 667px) { 
+            .col-md-3,
+            .col-md-9 {
+                width: 100%;
+            }
+        }
         /* Exception Info */
         .exception {
             margin-top: 20px;
@@ -378,16 +405,19 @@
     <div class="exception-var">
         <h2>Environment Variables</h2>
         <?php foreach ((array) $tables as $label => $value) { ?>
-        <table>
+        <div>
             <?php if(empty($value)){ ?>
-            <caption><?php echo $label; ?><small>empty</small></caption>
+            <div class="clearfix">
+                <div class="col-md-3"><strong><?php echo $label; ?></strong></div>
+                <div class="col-md-9"><small>empty</small></div>
+            </div>
             <?php } else { ?>
-            <caption><?php echo $label; ?></caption>
-            <tbody>
+            <h3 class="subheading"><?php echo $label; ?></h3>
+            <div>
                 <?php foreach ((array) $value as $key => $val) { ?>
-                <tr>
-                    <td><?php echo htmlentities($key); ?></td>
-                    <td>
+                <div class="clearfix">
+                    <div class="col-md-3"><strong><?php echo htmlentities($key); ?></strong></div>
+                    <div class="col-md-9"><small>
                         <?php 
                             if(is_array($val) || is_object($val)){ 
                                 echo htmlentities(json_encode($val, JSON_PRETTY_PRINT));
@@ -399,12 +429,12 @@
                                 echo 'Resource';
                             }
                         ?>
-                    </td>
-                </tr>
+                    </small></div>
+                </div>
                 <?php } ?>
-            </tbody>
+            </div>
             <?php } ?>
-        </table>
+        </div>
         <?php } ?>
     </div>
     <?php } ?>
