mirror of
https://github.com/tailscale/tailscale.git
synced 2024-11-25 19:15:34 +00:00
ab159f748b
Reduces the amount of boilerplate to render the UI and makes it easier to respond to state changes (e.g. machine getting authorized, netmap changing, etc.) Preact adds ~13K to our bundle size (5K after Brotli) thus is a neglibible size contribution. We mitigate the delay in rendering the UI by having a static placeholder in the HTML. Required bumping the esbuild version to pick up evanw/esbuild#2349, which makes it easier to support Preact's JSX code generation. Fixes #5137 Fixes #5273 Signed-off-by: Mihai Parparita <mihai@tailscale.com>
21 lines
804 B
HTML
21 lines
804 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Tailscale Connect</title>
|
|
<link rel="stylesheet" type="text/css" href="dist/index.css" />
|
|
<script src="dist/index.js" defer></script>
|
|
</head>
|
|
<body class="flex flex-col h-screen overflow-hidden">
|
|
<!-- Placeholder so that we don't have an empty page while the JS loads.
|
|
It should match the markup generated by Header component. -->
|
|
<div class="bg-gray-100 border-b border-gray-200 pt-4 pb-2">
|
|
<header class="container mx-auto px-4 flex flex-row items-center">
|
|
<h1 class="text-3xl font-bold grow">Tailscale Connect</h1>
|
|
<div class="text-gray-600">Loading…</div>
|
|
</header>
|
|
</div>
|
|
</body>
|
|
</html>
|