index.html

<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=0.5, user-scalable=no" />
  <title>Strinova Map Assistant</title>
  <script type="text/javascript">
    (function (c, l, a, r, i, t, y) {
      c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };
      t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
      y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
    })(window, document, "clarity", "script", "obpvx4i33b");
  </script>
</head>

<body>
  <div id="root" ref="capture"
    style="max-width: 100svw;min-width: -webkit-fill-available;min-width:-moz-available;width: 100%;display: flex;overflow: hidden;scrollbar-width: none;">
  </div>
  <script type="module" src="/src/main.tsx"></script>
</body>

</html>