#37 | add basic style for message enable javascript

JSLancerTeam · Dec 1, 2020 · 077bba4 · 077bba4
1 parent b021bcf
commit 077bba4
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/app/public/index.html b/app/public/index.html
@@ -14,6 +14,21 @@
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
 
     <title>React App</title>
+
+    <style>
+      noscript {
+        font-weight: bold;
+        font-size: large;
+        display: flex;
+        justify-content: center;
+        background-color: #EF4444;
+        color: #ffffff;
+        padding: 20px;
+        border-radius: 10px;
+        width: 40%;
+        margin: 0 auto;
+      }
+    </style>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>