feat: a custom index.html

2024-09-13 16:33:50 +02:00 · 2024-09-13 16:33:50 +02:00 · 2e39250d30
commit 2e39250d30
parent 14f62bad5d
3 changed files with 25 additions and 5 deletions
--- a/docker-compose-dev.yml
+++ b/docker-compose-dev.yml
@ -11,6 +11,7 @@ services:
      - ./Cargo.toml:/srv/app/Cargo.toml
      - ./diesel.toml:/srv/app/diesel.toml
      - ./Dioxus.toml:/srv/app/Dioxus.toml
+      - ./index.html:/srv/app/index.html
      - ./package.json:/srv/app/package.json
      - ./package-lock.json:/srv/app/package-lock.json
    restart: always
--- a/index.html
+++ b/index.html
@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="min-h-screen">
+<head>
+    <title>{app_title}</title>
+    <link rel="manifest" href="manifest.json">
+    <meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8"/>
+    {style_include}
+</head>
+<body class="min-h-screen">
+<div id="main" class="min-h-screen"></div>
+<script type="module">
+    import init from "/{base_path}/assets/dioxus/{app_name}.js";
+
+    init("/{base_path}/assets/dioxus/{app_name}_bg.wasm").then(wasm => {
+        if (wasm.__wbindgen_start == undefined) {
+            wasm.main();
+        }
+    });
+</script>
+{script_include}
+</body>
+</html>
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@ -7,9 +7,4 @@
 /* noinspection CssInvalidAtRule */
@tailwind utilities;

-html, body, #main {
-    /* noinspection CssInvalidAtRule */
-    @apply min-h-screen;
-}
-
 /* stylelint-enable */