[ui] associate with github

torymur · Aug 14, 2024 · 4a84a6b · 4a84a6b
1 parent 53b689b
commit 4a84a6b
Show file tree

Hide file tree

Showing 8 changed files with 1,905 additions and 8 deletions.
diff --git a/ui/assets/favicon.ico b/ui/assets/favicon.ico
diff --git a/ui/assets/github-logo.png b/ui/assets/github-logo.png
diff --git a/ui/assets/github-mark.png b/ui/assets/github-mark.png
diff --git a/ui/assets/tailwind.css b/ui/assets/tailwind.css
diff --git a/ui/index.html b/ui/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>sqlite-repr</title>
+  <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" />
+  <link rel="stylesheet" href="/tailwind.css">
+
+</head>
+<body>
+  <div id="main"></div>
+  <script type="module" class="superspecial">
+    import init from "assets/dioxus/sqlite-repr.js";
+    init("assets/dioxus/sqlite-repr_bg.wasm").then(wasm => {
+      if (wasm.__wbindgen_start == undefined) {
+        wasm.main();
+      }
+    });
+  </script>
+
+</body>
+</html>
diff --git a/ui/package-lock.json b/ui/package-lock.json
diff --git a/ui/package.json b/ui/package.json
@@ -1,6 +1,6 @@
 {
   "devDependencies": {
-    "@tailwindcss/typography": "^0.5.13",
+    "@tailwindcss/typography": "^0.5.14",
     "daisyui": "^4.12.10"
   }
 }
diff --git a/ui/src/index.rs b/ui/src/index.rs
@@ -28,6 +28,17 @@ pub fn Header() -> Element {
                 class: "text-xl font-bold tracking-tighter pl-4",
                 "SQLite File Format",
             }
+            div {
+                class: "pl-4 tooltip tooltip-right",
+                "data-tip": "Like the project? Give us a star ☆",
+                a {
+                    href: "https://github.com/torymur/sqlite-repr",
+                    img {
+                        class: "h-6 object-scale-down",
+                        src: "./github-mark.png"
+                    }
+                }
+            }
             div { class: "flex-grow" }
             div {
                 class: "join",
@@ -125,15 +136,15 @@ pub fn Description() -> Element {
         None => {
             rsx! {
                 div {
-                    class: "p-4 h-72 w-full overflow-auto",
+                    class: "p-4 h-80 w-full overflow-auto",
                     "{selected_part().desc()}"
                 }
             }
         }
         Some(field) => {
             rsx! {
                 div {
-                    class: "p-4 h-72 w-full overflow-auto ",
+                    class: "p-4 h-80 w-full overflow-auto ",
                     div {
                         "{selected_part().desc()}"
                     }