react-graphql/index.ejs at master · tzuser/react-graphql · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <link
      rel="icon"
      href="/static/favicon.ico"
      mce_href="/static/favicon.ico"
      type="image/x-icon"
    />

    <link rel="manifest" href="/static/manifest.json" />

    <meta name="viewport" content="user-scalable=no" />

    <meta name="viewport" content="initial-scale=1,maximum-scale=1" />

    <title><%= htmlWebpackPlugin.options.title %></title>

    <style>
      html,
      body {
        padding: 0;
        margin: 0;
        height: 100%;
      }
      body {
        position: relative;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto Oxygen-Sans, Ubuntu,
          Cantarell, “Fira Sans”, “Droid Sans”, Helvetica Neue, Helvetica,
          \\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3, Hiragino Kaku Gothic Pro, \\30e1\30a4\30ea\30aa,
          Meiryo, '\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF', Arial, sans-serif;
      }

      hr {
        background-color: #ccc;
        border: 1px solid #efefef;
        display: block;
        border-bottom: 0;
        border-left: 0;
        margin: 0;
      }
      #root {
        z-index: 0;
        height: auto;
        height: 100%;
      }
      ._25:focus,
      ._26 {
        box-shadow: none !important;
        user-select: none;
      }
      ._nn {
        cursor: inherit !important;
      }
      ._t2 {
        text-decoration: none !important;
      }
      html {
        font-size: 100%; /* 62.5% of 16px = 10px */
      }
      img {
        vertical-align: bottom;
        user-select: none;
      }
      a {
        user-select: none;
        text-decoration: none;
        color: inherit;
      }

      *:focus {
        outline: none;
      }
      input[type='search'] {
        -webkit-appearance: none;
      }

      @media (min-width: 768px) {
        ::-webkit-scrollbar {
          width: 8px;
          height: 8px;
        }
        ::-webkit-scrollbar-track-piece {
          background-color: none;
          -webkit-border-radius: 6px;
        }
        ::-webkit-scrollbar-thumb:vertical {
          background-color: #999999;
          -webkit-border-radius: 6px;
        }
        ::-webkit-scrollbar-thumb:horizontal {
          background-color: #999999;
          -webkit-border-radius: 6px;
        }
      }
    </style>
  </head>

  <body>
    <div id="root"></div>
  </body>
  <script>
    window.main();
    /*window.addEventListener('contextmenu', function(e){
   e.preventDefault();
 });*/
  </script>
</html>