refactor(ui): improve index

erka · erka · commit b862f5b25894 · 2024-01-16T15:44:58.000+02:00
- update index.dev.html with new command to run ui in dev mode
- added noscript message in index.html
- add head tag to index.html
diff --git a/ui/index.dev.html b/ui/index.dev.html
@@ -47,7 +47,7 @@
             class="text-white bg-gray-700 mx-auto my-8 max-w-md overflow-hidden rounded-lg"
           >
             <div class="px-4 py-5 sm:p-6">
-              <pre><span class="text-violet-300">$</span>&nbsp;cd ui && npm run dev</pre>
+              <pre><span class="text-violet-300">$</span>&nbsp;mage ui:dev</pre>
             </div>
           </div>
           <div class="mt-16 flex items-center justify-center gap-x-6">
diff --git a/ui/index.html b/ui/index.html
@@ -1,6 +1,14 @@
 <!doctype html>
 <html lang="en" class="bg-white h-full w-auto">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Flipt</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+  </head>
   <body class="h-full antialiased">
+    <noscript class="flex h-full items-center justify-center">
+      please enable javascript to run it
+    </noscript>
     <div id="root"></div>
 
     <script type="module" src="/src/main.tsx"></script>

Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@`
`47`	`47`	`class="text-white bg-gray-700 mx-auto my-8 max-w-md overflow-hidden rounded-lg"`
`48`	`48`	`>`
`49`	`49`	`<div class="px-4 py-5 sm:p-6">`
`50`		`- <pre><span class="text-violet-300">$</span> cd ui && npm run dev</pre>`
	`50`	`+ <pre><span class="text-violet-300">$</span> mage ui:dev</pre>`
`51`	`51`	`</div>`
`52`	`52`	`</div>`
`53`	`53`	`<div class="mt-16 flex items-center justify-center gap-x-6">`